@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);

@left_sidebar_width: 240px;
@resized_left: 50px;
@right_sidebar_width: 240px;
@maincolor: #3E4B53;
@hovercolor: #68C39F;
@topbar_color: #ffffff;
@brand_color:#3E4B53;
@contentbg: #f3f3f3;
@first_level_hover: lighten(@maincolor,10%);
@second_level: darken(@maincolor,5%);

/* COLORS */
@transparent: rgba(0,0,0,0);
@white-1: #ffffff;
@red-1: #EB5055;
@blue-1: #3C989E;
@blue-2: #3498DB;
@blue-3: #2980B9;
@darkblue-1: #252932;
@darkblue-2: #4A525F;
@darkblue-3: #38464A;
@lightblue-1: #ABB7B7;
@lightblue-2: #7A868F;
@orange-1: #E84C3D;
@orange-2: #DE745E;
@orange-3: #E27A3F;
@orange-4: #edce8c;
@green-1: #68C39F;
@green-2: #9EC789;
@green-3: #209C83;
@pink-1: #F57A82;
@pink-2: #F56F6C;
@yellow-1: #F4CDA5;
@yellow-2: #EAE696;

/* COLORS END */


/* LESS MIXINS */
.border-radius(@radius: 3px) {
    -webkit-border-radius: @radius !important;
    -moz-border-radius: @radius !important;
    border-radius: @radius !important;
}

.box-shadow (@x: 0px, @y: 3px, @blur: 5px, @color: #333) {
  -webkit-box-shadow: @x @y @blur rgba(0, 0, 0, @color);
  -moz-box-shadow: @x @y @blur rgba(0, 0, 0, @color);
  box-shadow: @x @y @blur rgba(0, 0, 0, @color);
}

.transition(@transition) {
  -webkit-transition: @transition;
     -moz-transition: @transition;
       -o-transition: @transition;
          transition: @transition;
}

.opacity(@opacity) {
  opacity: @opacity;
  @opacity-ie: @opacity * 100;
  filter: ~"alpha(opacity=@{opacity-ie})"; // IE8
}

.rotate(@degrees) {
  -webkit-transform: rotate(@degrees);
     -moz-transform: rotate(@degrees);
      -ms-transform: rotate(@degrees);
       -o-transform: rotate(@degrees);
          transform: rotate(@degrees);
}
.scale(@ratio) {
  -webkit-transform: scale(@ratio);
     -moz-transform: scale(@ratio);
      -ms-transform: scale(@ratio);
       -o-transform: scale(@ratio);
          transform: scale(@ratio);
}
.translate(@x, @y) {
  -webkit-transform: translate(@x, @y);
     -moz-transform: translate(@x, @y);
      -ms-transform: translate(@x, @y);
       -o-transform: translate(@x, @y);
          transform: translate(@x, @y);
}
.skew(@x, @y) {
  -webkit-transform: skew(@x, @y);
     -moz-transform: skew(@x, @y);
      -ms-transform: skewX(@x) skewY(@y);
       -o-transform: skew(@x, @y);
          transform: skew(@x, @y);
  -webkit-backface-visibility: hidden;
}
.translate3d(@x, @y, @z) {
  -webkit-transform: translate3d(@x, @y, @z);
     -moz-transform: translate3d(@x, @y, @z);
       -o-transform: translate3d(@x, @y, @z);
          transform: translate3d(@x, @y, @z);
}

.placeholder(@color: @input-color-placeholder) {
  &:-moz-placeholder            { color: @color; } // Firefox 4-18
  &::-moz-placeholder           { color: @color; } // Firefox 19+
  &:-ms-input-placeholder       { color: @color; } // Internet Explorer 10+
  &::-webkit-input-placeholder  { color: @color; } // Safari and Chrome
}
/* LESS MIXINS END */

/* LESS FUNCTIONS */
.set-text-color (@color) when (lightness(@color) >= 70) { 
  	color: #333;
}
.set-text-color (@color) when (lightness(@color) < 70) { 
  	color: #fff;
}

.setColor(@color) {
    .bg-@{color} { 
    	background-color: ~"@{@{color}}" !important;
    }
    .border-@{color} { 
    	border-color: ~"@{@{color}}" !important;
    }
    .btn-@{color} { 
    	background-color: ~"@{@{color}}";
    	color:#fff;
    }
    .btn-@{color}:hover { 
    	background-color: desaturate(darken(@@color,5%),10%) !important;
    	color:#fff;
    }
    .text-@{color} { 
    	color: ~"@{@{color}}" !important;
    }
    .panel-@{color}{
    	border-color: desaturate(darken(@@color,5%),10%) !important;
    }
    .panel-@{color} .panel-heading{ 
    	background-color: ~"@{@{color}}" !important;
    	border-color: desaturate(darken(@@color,5%),10%) !important;
    	border-radius: 0px;
    }
    .panel-@{color} .panel-heading a,.panel-@{color} .panel-title{
    	.set-text-color(@@color);
    }
    .widget.@{color} { 
    	background-color: ~"@{@{color}}";
    	.set-text-color(@@color);
    	.widget-header h2{
    		.set-text-color(@@color);
    	}
    }
}

/* LESS FUNCTIONS END */

/* SET COLORS */
.setColor(white-1);
.setColor(red-1);
.setColor(blue-1);
.setColor(blue-2);
.setColor(blue-3);
.setColor(darkblue-1);
.setColor(darkblue-2);
.setColor(darkblue-3);
.setColor(lightblue-1);
.setColor(lightblue-2);
.setColor(orange-1);
.setColor(orange-2);
.setColor(orange-3);
.setColor(orange-4);
.setColor(green-1);
.setColor(green-2);
.setColor(green-3);
.setColor(pink-1);
.setColor(pink-2);
.setColor(yellow-1);
.setColor(yellow-2);

/* MAIN CSS CONTENT */

body {
	background: @contentbg;
	margin: 0;
	-webkit-font-smoothing: antialiased;
    text-rendering:optimizelegibility;
	-webkit-text-size-adjust: 100%;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    margin: 10px 0;
}

h1 {
    line-height: 43px;
}

h2 {
    line-height: 35px;
}

h3 {
    line-height: 30px;
}

h4 {
    line-height: 22px;
}

h3 small, h4 small, h5 small {
    font-family: 'Open Sans';
    font-weight: 300;
    color: #444;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans';
    font-weight: 300;
    color: #505458;
}

*{
	outline: none !important;
}

a:hover,a:active,a:focus {
    outline: 0;
    text-decoration: none;
}

:focus {
    outline: none;
}

::-moz-focus-inner {
    border: 0;
}

.label{
	padding: 0.3em 0.6em;
}

.container {
	width: auto;
}

.navbar {
	margin: 0 0 0 -15px;
}

.navbar-collapse {
	padding: 0;
	margin: 0;
}

.navbar-default {
	background-color: transparent;
	border: none;
}

.nav.navbar-nav.top-navbar .dropdown-menu > li {
	position: relative;
}

.nav.navbar-nav.top-navbar .dropdown-menu > li > a {
	cursor: pointer;
	color: #4C5264;
}

.nav.navbar-nav.top-navbar > li span.absolute {
	position: absolute;
	top: 5px;
	left: 25px;
	font-size:10px;
	line-height:7px !important;
	font-weight: 400 ! important;
	border-radius: 15px;
	padding: 4px;
	z-index: 4;
}

.table-noborder td{
	border:0px !important;
}
.badge{
	vertical-align: bottom;
}

.btn-group.spaced .btn{
	border-left:1px solid rgba(0,0,0,0.1);
}

.btn-group.open{
    z-index:2 !important;
}

.bold{
	font-weight:700 !important;
}

.semibold{
	font-weight: 600 !important;
}

.input-invis{
	background: none !important;
	border:none !important;
}

span.new-circle {
	border-radius: 10px;
	padding: 5px;
}

img.xs-avatar {
	width: 50px;
	padding: 2px;
	background: #fff;
	border: 1px solid #ddd;
	margin: 0px 4px 0 0;
	.border-radius(100px);
}

img.ava-dropdown {
	float: left;
	margin: 0px 10px 0 0;
}

label{
    font-family: "Open Sans";
    font-size: 13px;
    font-weight: 600;
}

.no-left-padding{
	padding-left:0px;
}

.no-right-padding{
	padding-right:0px;
}

.nomargin{
	margin:0px !important;
}

.no-rounded{
	-webkit-border-radius: 0px !important;
    border-radius: 0px !important;
}

.full-rounded{
	.border-radius(20px);
}

.stacked{
	margin:0px;
}

.stacked > [class*="col-"]{
	padding-left:0px;
	padding-right:0px;
	margin:0px !important;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"]{
	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-ms-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
}

textarea:focus, select:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .m-uneditable-input:focus{
	background:#f1f1f1;
	border-color: #eee;
	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-ms-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
}

.icon-added input {
    padding-left: 32px !important;
}

.icon-added i:first-child{
    color: rgba(0,0,0,0.2);
    display: block;
    margin: 10px;
    z-index: 3;
    position: absolute;
    text-align: center;
}

.loading{
	display: block;
	z-index: 2000;
	width: 14px;
	height: 14px;
	border: solid 2px transparent;
	border-top-color: #68C39F;
	border-left-color: #68C39F;
	border-radius: 10px;
	-webkit-animation: pace-spinner 400ms linear infinite;
	-moz-animation: pace-spinner 400ms linear infinite;
	-ms-animation: pace-spinner 400ms linear infinite;
	-o-animation: pace-spinner 400ms linear infinite;
	animation: pace-spinner 400ms linear infinite;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;	
}

.dropdown-menu {
	-webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);
	box-shadow: 0 0 0 0 rgba(0,0,0,0);
	-webkit-border-radius: 2px;
    border-radius: 2px;
    font-size:12px;
    padding:5px;
    background:#fff;
	border: 1px solid rgba(0,0,0,0.1);
	border-bottom: 1px solid #d2d2d2;
	box-shadow: inset 0px 1px 2px #fff;
	top: 100%;
}

.dropdown-menu > li > a{
	padding:5px 7px;
	-webkit-border-radius: 2px;
    border-radius: 2px;
    font-size:13px;
    color:#555;
}

.dropdown-menu > li > a:hover{
	background:#aaa;
	color:#fff;
}

.nav .dropdown-menu {
	z-index: 8;
}

.dropdown-menu.dropdown-message ul {
	white-space: inherit;
}

.dropdown-menu.dropdown-message > li > a {
	word-wrap: break-word;
	white-space: inherit;
	width: 300px;
	border-bottom: 1px solid #eee;
}

.dropdown-menu.dropdown-message li.dropdown-footer a {
	display: block;
}

.dropdown-menu.dropdown-message li p {
	font-size: 11px;
	margin-bottom: 5px;
}

.dropdown-menu.dropdown-message li i.msg-time{
	color: @lightblue-2;
	font-size: 11px;
	font-style:normal;
}

.dropdown-menu.dropdown-message li p i {
	color: @lightblue-2;
	font-size: 11px;
	font-style:normal;
}

.dropdown-menu.dropdown-message .dropdown-message-scroll {
	padding: 0px;
}

.dropdown-menu.dropdown-message .dropdown-message-scroll li {
	padding: 5px 20px;
}

.dropdown-menu.dropdown-message .dropdown-message-scroll a,.dropdown-menu.dropdown-message .dropdown-message-scroll strong {
	text-decoration: none;
	border-bottom: none;
}

.dropdown-menu.dropdown-message .dropdown-message-scroll .unread {
	background: #FFFCE0;
}

.dropdown-menu.dropdown-message .dropdown-message-scroll a:hover {
	color: #000;
}

.dropdown-header.notif-header {
	font-size: 14px;
	padding: 6px 8px 5px;
}

.dropdown-header.notif-header .pull-right{
    margin-top:-19px;
}

.iradio, .icheckbox{
    margin-bottom: 10px;
    margin-top: 10px;
    min-height: 20px;
    padding-left: 0px;	
}

.icheckbox_square-aero{
	margin-right:5px;
}

.input-group-addon{
	padding:5px 12px;
}

i.i-xs {
	font-size: 10px;
}

.widget-tabbed .nav-tabs:first-child{
	margin-top:-39px;
}

.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > .active > a:focus {
	color: #555555;
	background-color: #eee;
	border-bottom: none;
}

.navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:hover,.navbar-default .navbar-nav > .open > a:focus {
	color: #555555;
	background-color: #eee;
}

.navbar-nav > li > .dropdown-menu:before {
    border-bottom: 6px solid @lightblue-1;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    right: 18px;
    content: "";
    height: 0;
    margin-right: -3px;
    pointer-events: none;
    position: absolute;
    width: 0;
    bottom:100%;
}
.navbar-nav > li > .dropdown-menu{
	z-index: 8;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    padding:0px;
    border:0px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.navbar-nav > li > .dropdown-menu > li > a{
	-webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.navbar-nav > li > .dropdown-menu > li > a:hover, .navbar-nav > li > .dropdown-menu > li > a:focus{
	background: rgba(0,0,0,0.06);
}

.navbar-nav > li > .dropdown-menu .dropdown-header{
	background: @lightblue-1;
	color:#fff;
	-webkit-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
}

.navbar-nav > li > .dropdown-menu .dropdown-header a{
	display: inline-block;
	width:auto;
	padding: 0px;
	border:none;
	margin-right:7px;
}

.navbar-nav > li > .dropdown-menu .dropdown-footer{
	background: @lightblue-1;
	color:#fff;
	-webkit-border-radius: 0 0 2px 2px;
	border-radius: 0 0 2px 2px;
}

.navbar-nav > li.language_bar > .dropdown-menu > li > a:hover, .navbar-nav > li.language_bar > .dropdown-menu > li > a:focus{
    background: rgba(0,0,0,0.3);
}

.navbar-nav > li.language_bar > .dropdown-menu:before,.navbar-nav > li > .dropdown-menu.grid-dropdown:before {
    border-bottom: 6px solid #fff;
}

.navbar-nav > li > .dropdown-menu.grid-dropdown{
    width: 300px;
    text-align: center;
    font-size: 16px;
    color: @darkblue-1; 
}

.navbar-nav > li > .dropdown-menu.grid-dropdown a{
    font-size: 13px;
    color: @darkblue-3;
    width: 100%;
    padding:10px;
    line-height:30px;
    display: block;
    font-weight: 300;
    font-family: "Open Sans";
    vertical-align: middle;
    opacity: 0.7;
    cursor:default;
}

.navbar-nav > li > .dropdown-menu.grid-dropdown a.clickable:hover{
    background: @lightblue-1;
    color:#fff;
}

.navbar-nav > li > .dropdown-menu.grid-dropdown a.clickable:hover i{
    color:#fff;
}

.navbar-nav > li > .dropdown-menu.grid-dropdown a i{
    font-size: 25px;
    line-height:30px;
    height:30px;
    display: block;
    color: darken(@lightblue-1,25%);
}

.navbar-nav > li > .dropdown-menu.grid-dropdown a.clickable{
    opacity: 1;
    cursor: pointer;
}

.navbar-nav > li > .dropdown-menu.grid-dropdown:before {
    right:auto;
    left:18px;
}

.navbar-nav > li.topbar-profile > .dropdown-menu{
	background: @lightblue-2;
	color: #fff;
}

.navbar-nav > li.topbar-profile > .dropdown-menu > li > a{
	color: #eee !important;
	padding-left:10px;
	padding-right:10px;
	font-family: "Open Sans";
}

.navbar-nav > li.topbar-profile > .dropdown-menu > li.divider{
	background: rgba(0,0,0,0.1);
	height:2px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	margin: 4px 0;
}

.navbar-nav > li.topbar-profile > .dropdown-menu > li:hover > a, .navbar-nav > li.topbar-profile > .dropdown-menu > li:focus > a{
	color: #fff !important;
}

.navbar-nav > li.topbar-profile > .dropdown-menu:before {
    border-bottom: 6px solid @lightblue-2;
}

/* SIDEBAR FORM */
.navbar-form {
    margin: 0px;
    padding: 0px;
    position: relative;
    margin-bottom:10px;
   	border:none;
	box-shadow: none;
    background: rgba(0,0,0,0.1);
}

.navbar-form .search-button {
    background: none;
    border: none;
    position: absolute;
    right: 5px;
    top: 0px;
    color: #666;
    -webkit-box-shadow: 0px 0px 0px 0px !important;
    box-shadow: 0px 0px 0px 0px !important;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    -ms-transition: all 100ms ease-in;
    -o-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
}

.navbar-form .search-button:hover{
    color: #fff !important;
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
}

.navbar-form .form-control:focus + .search-button{
    color:#ccc
}

.navbar-form .form-group {
    display: block;
}

.navbar-form .form-control {
    background-color: transparent !important;
    border: none;
    color: #aaa;
    box-shadow: none;
    display: block;
    width:100%;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
}

.navbar-form .form-control:focus {
    background-color: darken(@maincolor,5%) !important;
    border-color: #888;
    color: #fff;
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
}

.navbar-form .form-control::-webkit-input-placeholder {
    color: #777 !important;
    text-overflow: ellipsis;
}

.navbar-form .form-control:-moz-placeholder {
    color: #777 !important;
    text-overflow: ellipsis;
}

.navbar-form .form-control::-moz-placeholder {
    color: #777 !important;
    text-overflow: ellipsis;
}

.navbar-form .form-control:-ms-input-placeholder {
    color: #777 !important;
    text-overflow: ellipsis;
}

.enlarged .navbar-form .form-control{
    color:transparent;
}

.enlarged .navbar-form .form-control:hover,.enlarged .navbar-form .form-control:focus{
    color:#aaa;
}

.enlarged .navbar-form .form-control::-webkit-input-placeholder {
    color: transparent !important;
    text-overflow: ellipsis;
}

.enlarged .navbar-form .form-control:-moz-placeholder {
    color: transparent !important;
    text-overflow: ellipsis;
}

.enlarged .navbar-form .form-control::-moz-placeholder {
    color: transparent !important;
    text-overflow: ellipsis;
}

.enlarged .navbar-form .form-control:-ms-input-placeholder {
    color: transparent !important;
    text-overflow: ellipsis;
}

/* SIDEBAR FORM END */

/* SIDEBAR PROFILE */

.rounded-image{
    -webkit-border-radius: 100px;
    border-radius: 100px;
    overflow:hidden;
    display:inline-block;    
}

.rounded-image img{
    width: 100%;
}

.profile-image{
    border:4px double rgba(255,255,255,0.2)    
}

.profile-info .col-xs-4{
    padding:0px 0px 0px 10px;
}

.profile-text{
    color:#fff;
    font-family:"Open Sans";
    font-size:18px    
}

.profile-buttons{
    margin-top:5px;    
}

.profile-buttons a{
    color:#eee;
    font-size:13px;
    line-height:22px;
    padding:4px 10px 6px;
    vertical-align:middle;
    display:inline-block;
}

.profile-buttons a i{
    font-size:16px;
    line-height:25px;
}

.profile-buttons a:hover{
    color:#fff;
    background: rgba(0,0,0,0.2);
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.profile-status i{
    color:#444;
    font-size:14px;
    float:right;
    margin-top:-14px;
}

i.online{
    color:#00AC65;
}

hr.divider{
    border-color:rgba(255,255,255,0.1);
    width:90%;
    margin:10px 5%;
    display:block;
    clear:both    
}

/** Timeline **/
.the-timeline{margin-bottom: 40px;}
.the-timeline .post-to-timeline{
	margin: 15px 0;
}
.the-timeline .post-to-timeline textarea{
	height: 50px;
	resize: none;
	margin-bottom: 10px;
}
.the-timeline ul{
	padding: 0;
	list-style: none;
	margin: 0 15px 0 30px;
	border-left: 2px solid #ddd;
}
.the-timeline ul li.the-year{
	background: transparent;
	height:100px;
	line-height: 90px;
	min-height: 100px;
	left: -32px;
	border-left: 4px solid transparent !important;
	text-align: center;
	font-size:50px;
	font-family: "Open Sans";
	font-weight: 700;
}

.the-timeline ul li.the-year p{
	width:20%;
	margin-left: 41%;
}
.the-timeline ul li.the-year:before{
	display: block;
	border:0px;
	width:40%;
	top:50px;
	border-top:2px solid #ddd !important;
}

.the-timeline ul li.the-year:after{
	display: block;
	border:0px;
	right:-32px;
	content:" ";
	top:50px;
	position: absolute;
	left:auto;
	width:40%;
	border-top:2px solid #ddd;
}
.the-timeline ul li:before{
	width: 10px;
	height: 10px;
	border-style: solid;
	content:" ";
	position: absolute;
	left:-14px;
	top:19px;
	border-width: 7.5px 8px 7.5px 0;
	border-color: transparent #efefef transparent transparent;
	display: block;
}
.the-timeline ul li{
	padding: 5px 15px;
	display: block;
	min-height: 54px;
	-webkit-border-radius: 3px;
    border-radius: 3px;
	margin: 20px 0 20px 40px;
	background: #efefef;
	position: relative;
	border-left: 4px solid transparent;
}
.the-timeline ul li:hover{
	border-left-color: @darkblue-2;
}
.the-timeline ul li:hover:before{
	border-color: transparent @darkblue-2 transparent transparent;
}
.the-timeline ul li p{
	margin: 0;
	padding: 0;
}
.the-timeline ul li .the-date{
	position: absolute;
	left: -69px;
	top:0;
	width: 50px;
	height: 50px;
	background: @red-1;
	border-radius: 50%;
	text-align: center;
	line-height: 130%;
}
.the-timeline ul li .the-date span{
	color: #fff;
	font-size: 18px;
	display: block;
	margin-top: 8px;
}
.the-timeline ul li .the-date small{
	color: #fff;
	font-size: 12px;
	display: block;
}


/** Video iframe responsive **/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom: 15px;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}
iframe {
	width: 100%;
	border: none;
}

/* SIDEBAR PROFILE END */
.breadcrumb {
	padding: 0;
	background: transparent;
	font-size: 12px;
	margin: 0;
}

.progress.progress-xs {
	height: 5px;
	margin-top: 25px;
	margin-bottom: 20px;
	border-radius: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.progress.progress-xs.for-modal {
	margin-top: 10px;
	margin-bottom: 20px;
}

.progress.progress-xs .progress-bar {
	font-size: 11px;
	line-height: 16px;
	color: #ffffff;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);
}

.progress.progress-xs.progress-striped .progress-bar {
	background-size: 10px 10px;
}

.progress.progress-sm {
	height: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	border-radius: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.progress.progress-sm.progress-striped .progress-bar {
	background-size: 15px 15px;
}

.table > thead > tr > th {
	vertical-align: middle;
	border-bottom: 1px solid #dddddd;
}

.form-control {
	font-size: 13px;
	border-radius: 0;
	border-color: #ddd;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
}

.form-control:focus {
	border-color: #dadada;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(102, 175, 233, 0);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(102, 175, 233, 0);
}

.form-group .checkbox {
	margin-left: 0;
	padding-left: 0;
}

.btn {
	border-radius: 2px;
}

.list-group-item:first-child {
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
}

.list-group-item:last-child {
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

.alert {
	border-radius: 0px;
}

/*END LITLE CUSTOM OF BOOTSTRAP.CSS*/


/* SOCIAL BUTTON COLOR */
.btn-facebook {
	background: #45619D;
	border-color: #4D6CAD;
}

.btn-facebook:hover {
	background: #395289;
	border-color: #4D6CAD;
}

.btn-twitter {
	background: #00ACEE;
	border-color: #00B7FC;
}

.btn-twitter:hover {
	background: #03A0DE;
	border-color: #00B7FC;
}

.btn-gplus {
	background: #D54636;
	border-color: #B22E21;
}

.btn-gplus:hover {
	background: #BF392E;
	border-color: #B22E21;
}

.btn-vimeo {
	background: #1BB6EC;
	border-color: #0AA0D3;
}

.btn-vimeo:hover {
	background: #12ADE3;
	border-color: #0AA0D3;
}

.btn-pinterest {
	background: #CD1F28;
	border-color: #B70F17;
}

.btn-pinterest:hover {
	background: #C9121A;
	border-color: #B70F17;
}

.btn-instagram {
	background: #4E3D35;
	border-color: #392C24;
}

.btn-instagram:hover {
	background: #483931;
	border-color: #392C24;
}

.clear {
	clear: both;
}

/* MASTER PAGE */

#wrapper{
	width: 100%;
	height: 100%;
	background:@contentbg;
	position:relative;
}

.page {
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.rows, .col, .page {
	position: absolute;
}

.rows {
	left: 0;
	right: 0;
}

.topbar {
	left: 0px;
	right: 0;
	top:0px;
	height:50px;
	z-index:11;
	background:@topbar_color;
	position: fixed;
}

.topbar .topbar-left{
	float:left;
	height:50px;
	position:relative;
	z-index: 1;
	width:@left_sidebar_width;
	background: @brand_color;
}

.logo{

}

.logo h1{
	margin:0px auto;
	height:50px;
	text-align: center;
}

.logo h1 img{
    height:50%;
}

.topbar-profile .topbar-profile-image{
	width:35px;
	position: relative;
	margin-right: 5px;
	margin-top: -15px;
	margin-bottom: -12px;
	border:1px solid rgba(0,0,0,0.2)
}

.topbar-profile > a{
	font-family: "Open Sans";
}

.navbar-right .iconify > a > i{
	font-size:18px;
	color:#666;
	line-height:17px;
}

.right-opener{
	//background:#f5f5f5;
	border-left:1px solid #f5f5f5;
}

.right-opener i{
	color:rgba(0,0,0,0.6);
}

.right-opener .fa-angle-double-right{
	display: none;
}

.open-right-sidebar .right-opener{

}

.open-right-sidebar .right-opener .fa-angle-double-right{
	display: inline-block;

}

.open-right-sidebar .right-opener .fa-angle-double-left{
	display: none;
}

.col {
	top: 0;
	bottom: 0;
}

.scroll-x {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.scroll-y {
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.fill, .pane {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.pane {
	display: none;
}

.side-menu{
	width: @left_sidebar_width;
	top: 0;
	bottom: 0;
	z-index:2;
}

.side-menu.left {
	background: @maincolor;
	position: absolute;
	top:50px;
}

body.fixed-left .side-menu.left{
	margin-top:0px;
	position:fixed;
	height:100%;
	bottom:50px;
	margin-bottom:-50px;
	padding-bottom: 50px;
}

.side-menu.left .scroll-y{
	direction:rtl;
	overflow-x:visible;
}

body.mobile .slimscrollleft,body.mobile .slimscroller{
	overflow-y:scroll;
}

.side-menu.left .scroll-y .sidebar-inner{
	direction:ltr;
}

.content-page{
	margin-left: @left_sidebar_width;
	overflow: hidden;
	position: relative;
}

.content-page > .content{
	margin-top:50px;	
	padding:20px;
	position: relative;
}

.side-menu.right {
	width:@right_sidebar_width;
	right:-@right_sidebar_width;
	position: fixed;
	z-index:15;
	background: @maincolor;	
}

.side-menu.right .tab-inner{
	height:100%;
}

#wrapper.open-right-sidebar{
	padding-right:@right_sidebar_width;
}

.open-right-sidebar .topbar{
	margin-right:@right_sidebar_width;	
}

.open-right-sidebar .right{
	right:0px !important;	
}

.header.rows {
	height: 50px;
}

.header.rows-content-header {
	height: 50px;
}

.header.left.side-menu {
	background: #343838;
}

.header.content {
	background: #FFFFFF;
	border-bottom: 1px solid #E5E9EC;
}

.body.rows {
	top: 0px;
	bottom: 50px;
}

.body.content.rows {
	top: 50px;
	bottom: 0px;
	background: @contentbg;
	padding: 20px;
	font-size: 13px;
}

body.fixed-left .left-footer {
	bottom: 50px;
}

.left-footer {
	height: 50px;
	bottom: 0px;
	position: absolute;
	width:100%;
	background: rgba(0,0,0,0.3);
	color: #E8EAED;
	padding: 15px;
}

.left-footer .progress.progress-xs {
	margin: 9px 70px 9px 0;
	overflow: visible;
	position: relative;
}

.left-footer .progress.progress-xs .progress-precentage {
	display: block;
	position: absolute;
	right: -20px;
	top: -12px;
	padding: 7px 5px;
	border-radius: 50%;
	background: #555;
	color: #f3f3f3;
}

.left-footer .progress.progress-xs{
	background: rgba(0,0,0,0.6);
}

.left-footer .progress.progress-xs .btn {
	display: block;
	position: absolute;
	right: -70px;
	top: -14px;
	background: #555;
	color: #f3f3f3;
	border: none;
}

.button-menu-mobile {
	position: absolute;
	right: 0;
	float:left;
	top: 0px;
	z-index: 2;
	padding: 10px 18px;
	height: 50px;
	font-size: 21px;
	background: transparent;
	color: #888;
	border: none;
}

.button-menu-mobile:hover {
	color:#aaa;
}

button.navbar-toggle {
	padding: 5px 20px;
}

/* BREADCRUMBS */
.breadcrumb{
    top:50px;
    line-height: 30px;
    padding:0px 15px;
    background: rgba(0,0,0,0.05);
    position: relative;
    font-family: "Open Sans";
    .border-radius(0px);
}

.breadcrumb li a{
    font-family: "Open Sans";
    color:darken(@lightblue-1,5%);
}

.breadcrumb li.active{
    color:@lightblue-2;
}

.breadcrumb > li + li:before{
    color:darken(@lightblue-1,5%);
    padding:0px 10px;
    content: "";
    font-family: FontAwesome;
}

/* SIDEBAR MENU */
.sidebar-inner{
	height:100%;
}
#sidebar-menu,#sidebar-menu ul,#sidebar-menu li,#sidebar-menu a {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	font-weight: normal;
	text-decoration: none;
	line-height: 1;
	font-size: 13px;
	position: relative;
}

#sidebar-menu a {
	line-height: 1.3;
}

#sidebar-menu {
	width: 100%;
	font-family:"Open Sans";
}
#sidebar-menu > ul > li{
	background:@maincolor;	
	display: block;
}
#sidebar-menu > ul > li > a {
	font-size: 13px;
	display: block;
	color: #e7e7e7;
	padding: 10px;
	text-shadow:0px -1px 0px rgba(0,0,0,0.1);
	padding-right: 22px;
}

#sidebar-menu > ul > li > a > span{
	vertical-align: middle;
}

#sidebar-menu > ul > li > a:hover {
	color: #fff;
	background: @first_level_hover;
	padding-left: 10px;
}

#sidebar-menu > ul > li > a > i {
	color: rgba(255, 255, 255, 0.7);
    display: inline-block;
    font-size: 15px;
    line-height: 17px;
    margin-left: 3px;
    margin-right: 7px;
    text-align: center;
    vertical-align: middle;
    width: 20px;
}

#sidebar-menu > ul > li > a > i.i-right {
	margin: 3px 0 0 0;
	float: right;
}

#sidebar-menu > ul > li > a:hover {
	text-decoration: none;
}

#sidebar-menu > ul > li > a.subdrop {
	background: @first_level_hover;
}

#sidebar-menu > ul > li > a.active,#sidebar-menu > ul > li > a.active.subdrop {
	color: #fff;
	background: lighten(@maincolor,6%) !important;
    font-weight: 600;
	/* Enable this if you like gradients
	background: -moz-linear-gradient(top, @hovercolor 0%, darken(@hovercolor,9%) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@hovercolor), color-stop(100%,darken(@hovercolor,15%)));
	background: -webkit-linear-gradient(top,  @hovercolor 0%,darken(@hovercolor,15%) 100%);
	background: -o-linear-gradient(top,  @hovercolor 0%,darken(@hovercolor,15%) 100%);
	background: -ms-linear-gradient(top,  @hovercolor 0%,darken(@hovercolor,15%) 100%);
	background: linear-gradient(to bottom,  @hovercolor 0%, darken(@hovercolor,15%) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88bfe8', endColorstr='#70b0e0',GradientType=0 );
	-webkit-box-shadow: -1px 1px 0px 0 rgba(0,0,0,0.5);
	box-shadow: -1px 1px 0px 0 rgba(0,0,0,0.5);
	*/
	border-left:0px solid rgba(0,0,0,0.3);
}
/*
#sidebar-menu > ul > li > a.open:after, #sidebar-menu > ul > li > a.active:after{
	border-color: rgba(0, 0, 0, 0) @contentbg rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 15px 11px 15px 0;
    content: " ";
    height: 0;
    position: absolute;
    right: 0;
    top: 6px;
    width: 0;
    z-index: 2;
}
*/

#sidebar-menu > ul > li > a span.label {
	float: right;
}

#sidebar-menu > ul > li > a span.label.span-left {
	float: none;
	margin-left: 5px;
}

#sidebar-menu span.cnt {
	position: absolute;
	top: 8px;
	right: 15px;
	padding: 0;
	margin: 0;
	background: none;
}

/* SIDEBAR SUBMENU */
#sidebar-menu ul ul {
	display: none;
	background: @second_level;

}

#sidebar-menu ul ul ul{
	border-top:1px solid rgba(0,0,0,0.1);
	background: rgba(0,0,0,0.2);
}

#sidebar-menu ul ul li {
	border-top: 0;
}

#sidebar-menu ul ul a {
	padding: 10px 25px;
	display: block;
	color: #ffffff;
	font-family: "Helvetica";
	font-size: 12px;
}

#sidebar-menu ul ul ul a {
	padding-left:35px;
}

#sidebar-menu ul ul ul ul a {
	padding-left: 45px;
}

#sidebar-menu ul ul a:hover {
	color: #fff;
	background: darken(@second_level,5%);
}

#sidebar-menu ul ul li a.active {
	color: #fff;
	background: darken(@second_level,3%);
}

#sidebar-menu ul ul a i {
	margin-right: 5px;
}

#wrapper.enlarged #sidebar-menu ul ul{
	border:none;
}
#wrapper.enlarged .left.side-menu .widget{
	display:none;
}

#wrapper.enlarged .profile-text{
	display:none;
}

#wrapper.enlarged .profile-info .col-xs-4{
	width:100%;
	padding:5px;
}

#wrapper.enlarged .profile-info .col-xs-8{
	width:100%;
	padding:0 7px;
}

#wrapper.enlarged .left.side-menu{
  width:@resized_left;
  z-index:5;
}

#wrapper.enlarged .content-page{
  margin-left:@resized_left; 
}

#wrapper.enlarged .left.side-menu .navbar-form input::-webkit-input-placeholder { color:transparent !important; }
#wrapper.enlarged .left.side-menu .navbar-form input:-moz-placeholder { color:transparent !important; }
#wrapper.enlarged .left.side-menu .navbar-form input::-moz-placeholder { color:transparent !important; }
#wrapper.enlarged .left.side-menu .navbar-form input:-ms-input-placeholder { color:transparent !important; }

#wrapper.enlarged .left.side-menu .navbar-form:hover{
  width:@left_sidebar_width;
  position:relative;
  z-index:5;
}

#wrapper.enlarged .topbar .topbar-left{
	width:@resized_left !important;
}

#wrapper.enlarged .topbar .topbar-left .logo{
	opacity:0;
    display:none;
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul > li{
  white-space: nowrap;
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul > li > ul{
  display:none;
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > a{
	background: @first_level_hover;
}

#wrapper.enlarged #sidebar-menu ul ul li a.active {
	background: darken(@second_level,5%) !important;
}

#wrapper.enlarged #sidebar-menu > ul > li:hover > a.open:after, #wrapper.enlarged #sidebar-menu > ul > li:hover > a.active:after{
	display:none;
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > ul{
	position:absolute;
	left:@resized_left;
	width:@left_sidebar_width - @resized_left;
	display:block;  
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul ul li:hover > a{
	background: #59646E !important;
	color:#fff;
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul ul li:hover > a i{
	background: #59646E !important;
	color:#fff;
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul ul li:hover > ul{
	position:absolute;
	left:@left_sidebar_width - @resized_left;
	margin-top:-36px;
	width:@left_sidebar_width - @resized_left;
	display:block;  
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > ul a{
	background:@second_level;
	color:#fff !important;
	padding-left:10px;
	border:none;
	width:@left_sidebar_width - @resized_left;
	box-shadow:none;
	z-index:6;
	position:relative;
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul ul li > a span.pull-right{
	position: absolute;
	right:10px;
	top:12px;
	-ms-transform: rotate(270deg); /* IE 9 */
	-webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
	transform: rotate(270deg);
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul > li > a span{
	display:none;
	padding-left:10px;
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > a span.pull-right{
	position: absolute;
	right:10px;
	top:12px;
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > a{
	width:@left_sidebar_width;
	position:relative;
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul > li{
  	position:relative;
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover a span{
  	display:inline;
}

#wrapper.enlarged .left.side-menu .navbar-form{

}

#wrapper.enlarged .left.side-menu .navbar-form .search-button{
  	right:7px;
}

/* RIGHT SIDEBAR MENU */
.side-menu.right .nav-tabs{
	background: rgba(0,0,0,0.2);
	border:none;
}

.side-menu.right .nav-tabs li{
	text-align: center;
}

.side-menu.right .nav-tabs > li > a{
	border-radius: 0px !important;
	margin:0px !important;
	padding: 14px 15px 15px;
	font-size:13px;
	color: rgba(255,255,255,0.3);
	font-family: "Open Sans";
	border-bottom:1px solid transparent;
}

.side-menu.right .nav > li > a:hover, .side-menu.right .nav > li > a:focus{
	background: rgba(255,255,255,0.1);
	color: rgba(255,255,255,0.7);
	border-color: rgba(255,255,255,0);
}

.side-menu.right .nav-tabs > li.active > a{
	color:#ccc;
}

.side-menu.right .nav-tabs > li.active > a,.side-menu.right .nav-tabs > li.active > a:hover,.side-menu.right .nav-tabs > li.active > a:focus{
	background: @maincolor;
	border-color: @maincolor;
	border-radius: 0px;
}

.side-menu.right .right-toolbar{
	margin:5px 15px 15px;
}

.side-menu.right .right-toolbar a{
	color:#ddd;
	font-size:12px;
}

.side-menu.right .panel-group .panel{
	border-radius: 0px;
	border:none;
	color:#f3f3f3;
	background:transparent;
}

.side-menu.right .panel-default > .panel-heading{
	background:transparent;
	border:none;
	//margin:0px 15px;
	border-radius: 0px;
}

.side-menu.right .panel-default > .panel-heading + .panel-collapse .panel-body{
	border-top:none;
}

.side-menu.right .panel-title > a{
	color:#fff;	
}

.side-menu.right .panel-title > a .label{
	margin-top: 2px;
}

.side-menu.right .tab-content,.side-menu.right .tab-content > .tab-pane,.side-menu.right .tab-content > .tab-pane.active{
	height: 100%;
	padding-bottom: 20px;
}
.side-menu.right .tab-inner{
	
}

.accordion-toggle .panel-heading{
	padding:0px;
}

.accordion-toggle .panel-title a{
	color: #fff;
	font-size:14px;
	font-family: "Open Sans";
    display: block;
    line-height: 22px;
    padding: 9px 35px 9px 20px;
    position: relative;
}

.accordion-toggle .panel-title a:after {
    content: "\f106";
    display: block;
    font-family: FontAwesome;
    font-size: 10px;
    line-height: 36px;
    position: absolute;
    top: 3px;
    right: 15px;
}

.accordion-toggle .panel-title a.collapsed:after {
    content: "\f107";
}

.accordion-toggle .panel.panel-default .panel-title a{
	color: #555;
}

.panel-group .panel{
	border-radius: 3px;
}

.not-logged-avatar{
	width:100px;
	margin:0px auto;
	display:block;
	margin-bottom: 20px;
	text-align: center;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
}

.search-right{
	padding:10px 15px;
}

.search-right input{
	background:rgba(0,0,0,0.3);
	border:none;
	color:#eee;
}

#notification-list a{
	color:#fff;
	font-size:13px;
	font-weight: 600;
	vertical-align: text-top;
}

#notification-list li{
	margin-bottom: 10px;
	padding-bottom:10px;
	border-bottom:1px solid rgba(255,255,255,0.1);
	font-family: "Open Sans";
}

#notification-list a .muted{
	display:block;
	font-size:12px;
	font-weight: 300;
	color: rgba(255,255,255,0.4)
}

#notification-list .icon-wrapper{
	border-radius: 150px;
	font-size:20px;
	width:35px;
	line-height:29px;
	text-align: center;
	height:35px;
	margin-right: 10px;
	float:left;
	color: #fff;
	display:inline-block;

	border:2px solid #4EA6A6;
}

#inbox-list li{
	margin-bottom: 15px;
}

#inbox-list a{
	color:#fff;
}

#inbox-list a .datetime{
	font-size:12px;
	font-weight: 400;
	color: rgba(255,255,255,0.4);
	float: right;
	font-family: "Open Sans";	
}
#inbox-list a .sender{
	font-size:13px;
	display:block;
	float:left;
	font-weight: 600;
	font-family: "Open Sans";
} 

#inbox-list a .title{
	clear:both;
	display: block;
	font-size:12px;
	font-weight: 600;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	height:15px;
	color:rgba(255,255,255,0.8);
}

#inbox-list a .content{
	clear:both;
	display: block;
	font-size:11px;
	font-weight: 300;
	overflow:hidden;
	color:rgba(255,255,255,0.6);
}

#updates-list li{
	margin-bottom: 10px;
}

#updates-list a{
	color:#fff;
	font-family: "Open Sans";
	font-size:13px;
}

#updates-list .icon-wrapper{
	border-radius: 50px;
	font-size:14px;
	width:24px;
	line-height:25px;
	text-align: center;
	height:24px;
	margin-right: 10px;
	float:left;
	color: #fff;
	display:inline-block;
}

#chat-panel .panel-body{
	padding:0px;
}

#chat-list li{
	clear:both;
	height:55px;
	opacity: 0.9;
	padding:7px 15px 10px;
}

#chat-list li:hover{
	background: rgba(0,0,0,0.1);
	opacity: 1;
}

#chat-list a{
	font-size:13px;
	font-family: "Open Sans";
	color:#fff;
}

#chat-list a.online .chat-user-avatar{
	box-shadow: 0 0 0 2px @hovercolor;
}

#chat-list a.away .chat-user-avatar{
	box-shadow: 0 0 0 2px orange;
}

#chat-list a.offline .chat-user-avatar img{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

#chat-list .chat-user-avatar{
	border-radius: 50px;
	width:34px;
	height:34px;
	display:inline-block;
	float:left;
	margin-right: 10px;	
	margin-top: 3px;
	border: 2px solid rgba(0,0,0,0);
	box-shadow: 0 0 0 2px #555;
	overflow:hidden;
}

#chat-list .chat-user-avatar img{
	width:100%;
	height:100%;
}

#chat-list .chat-user-msg{
	font-size:12px;
	text-overflow:ellipsis;
	white-space: nowrap;
	overflow:hidden;
	color:rgba(255,255,255,0.3);
	display:block;
}

#settings .tab-inner{
	color:rgba(255,255,255,0.8);
}

#settings .tab-inner h3{
	color:rgba(255,255,255,0.6);
	margin-bottom: 20px;
}

#settings .tab-inner h4{
	color:rgba(255,255,255,0.6);
	margin-bottom: 15px;
}

#settings .tab-inner .row{
	margin-bottom: 10px;
	font-size: 12px;
}

/* PAGE HEADING */
.page-heading {
	margin: 0px 0 20px;
	padding: 5px 0;
}

.page-heading h1 {
	margin: 0;
	padding: 0;
	font-weight: 400;
	font-size: 24px;
	margin-bottom: 0px;
}

.page-heading h3{
	font-size:15px;
	margin-top: 0px;
}

/* WIDGETS */
.widget {
	position: relative;
	background: #fff;
	color: #5b5b5b;
	margin-bottom: 20px;
	-webkit-border-radius: 2px;
	border-radius: 2px;	
}

.widget-header,.widget-content{
	display: block;
	width:100%;
	clear: both;
}

.widget-header{
	-webkit-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
	background:rgba(0,0,0,0.02);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.portlets{
	min-height:50px;
}

.portlets .widget-header{
	cursor:move;
}

.widget-footer{
	-webkit-border-radius: 0 0 2px 2px;
	border-radius: 0 0 2px 2px;
	overflow:hidden;
}

.widget-header.transparent{
	background:transparent;
	border:none;
}

.widget-header.centered{
	text-align:center;
}

.widget-header .left-btn{
	position: absolute;
	left:10px;
	top:6px;
}

.widget-content{
	-webkit-border-radius: 0 0 2px 2px;
	border-radius: 0 0 2px 2px;
}

.widget-content.padding{
	padding:15px;
}

.widget-content.padding-sm{
	padding:10px;
}

.widget-content.padding-xs{
	padding:1%;
}

.widget.maximized{
	position: fixed;
	-webkit-border-radius: 0;
	border-radius: 0;	
	top:50px;
	left:@left_sidebar_width;
	right:0px;
	bottom:0px;
	z-index:10;
	margin:0px;	
}

#wrapper.enlarged .widget.maximized{
	left: @resized_left;
}

#wrapper.open-right-sidebar .widget.maximized{
	right: @right_sidebar_width;
}

.widget.modal-widget{
	position:absolute;
	display:block;
	z-index:10;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 10px 15px rgba(0, 0, 0, 0.2);
}

.widget.modal-widget.modalize .widget-header{
	background:#efefef;
}

.widget:before,.widget:after {
	display: table;
	content: " ";
}

.widget:after {
	clear: both;
}

.widget .des-thumbnail {
	padding: 20px;
}

.widget .img-wrap {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.widget .img-wrap img {
	width: 100%;
}

.widget .widget-header{
	height:43px;
	display:block;
}

.widget .widget-header h2 {
	padding: 4px 13px 4px 13px;
	margin:0px;
	font-weight: 400;
	font-size: 16px;
	display: block;
	color: #5b5b5b;
}

.widget .widget-header h2.no-style {
	padding: 0px;
	margin: 20px 0px 10px 0px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 30px;
	border-bottom: none;
}

.widget.box-messages{
	margin-top:-50px;
}

.widget.box-messages h2 {
	border-bottom: none;
}

.widget .statistic-chart {
	padding: 0 0 0px 0;
}

.widget .statistic-chart .toolbar{
	padding:10px;
	padding-top:0px;
}

.widget.full {
	padding: 0px;
}

.widget.full .box-footer {
	padding: 20px 20px 15px 20px;
}

.widget.full .box-footer a,.widget.full .box-footer a:hover {
	color: #1B1E24;
	text-decoration: none;
}

.widget .nav-tabs {

}

.widget .nav-tabs > li > a {
	line-height: 1.428571429;
	border:none;
	margin-right:6px;
	background: rgba(0,0,0,0.04);
	font-family: "Open Sans";
	color: #555;
	font-size: 13px;
}

.widget .tab-content{
	padding-top: 10px;
	font-size: 13px;
}

.widget .tab-boxed{
	padding: 10px;
	border:1px solid #ddd;
	border-top:0px;
}

.widget .nav-tabs > li > a i {
	color: #555;
}

.widget .media-list {
	margin-top: 30px;
}

.widget .media-list a {
	color: #1B1E24;
}

.widget .media-list a:hover {
	color: #212121;
	text-decoration: none;
}

.widget .media-list .media {
	padding: 5px 20px;
	border-bottom: 1px solid #eaeaea;
}

.widget .media-list li:last-child.media {
	border-bottom: none;
}

.widget .media-list .media .media-heading a {
	font-size: 14px;
	font-weight: 600;
	color: #1B1E24;
	margin-right: 5px;
}

.widget .media-list .media .media-heading small {
	color: #65BD77;
	font-size: 11px;
}

.widget .media-list .media p {
	color: #909090;
}

.widget .media-list .media .media-object {
	width: 50px;
}

.widget .media-list {
}

.widget .nav-tabs > li.active > a,.widget .nav-tabs > li.active > a:hover,.widget .nav-tabs > li.active > a:focus {
	cursor: default;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: none;
	background-color: @lightblue-2;
	color: #fff;
}

.widget .nav-tabs > li.active > a i,.widget .nav-tabs > li.active > a:hover i,.widget .nav-tabs > li.active > a:focus i {
	color: #fff;
}

.widget .nav-tabs.nav-simple li a{
	background:none;
}

.widget .nav-tabs.nav-simple > li.active > a,.widget .nav-tabs.nav-simple > li.active > a:hover,.widget .nav-tabs.nav-simple > li.active > a:focus {
	border:1px solid #ddd;
	border-bottom: 1px solid #fff;
	background:none;
	color: #555;
}

.widget .nav-tabs.nav-simple > li.active > a i,.widget .nav-tabs.nav-simple > li.active > a:hover i,.widget .nav-tabs.nav-simple > li.active > a:focus i {
	color: #555;
}

.widget .additional-box {
	position: absolute;
	top: 10px;
	right: 15px;
	z-index: 2;
}

.widget .additional-btn {
	position: absolute;
	top: 10px;
	right: 13px;
	z-index: 2;
}

.widget .left-toolbar {
	position: absolute;
	top: 10px;
	left: 13px;
	z-index: 2;
}

.widget:hover .additional-btn > a.hidden{
	display: inline-block !important;
	visibility: visible !important;
}

.widget:hover .additional-btn > a.hidden.nevershow,.widget:hover .additional-btn > a.nevershow,.widget .additional-btn > a.nevershow{
	display:none !important;
}

.widget .widget-header:hover .additional-btn > a{
	color: #909090;
	-webkit-transition: All 0.4s ease;
	-moz-transition: All 0.4s ease;
	-o-transition: All 0.4s ease;	
}

.widget.modal-widget.modalize .widget-header .additional-btn > a{
	color: #909090;
}

.widget .btn-group {
	z-index: 1;
}

.widget table .btn-group {
	z-index: 1;
}

.widget .additional-btn .dropdown-menu {
	z-index: 2;
}

.widget .widget-close,.widget .widget-toggle{
	font-size:15px;
}

.widget .widget-close:hover{
	color:#EB5055 !important;
}

.widget .additional-btn > a, .widget .widget-header .additional-btn .btn-group > a {
	color: #ccc;
	margin-left: 7px;
	margin-right: 0px;
	cursor: pointer;
	-webkit-transition: All 0.4s ease;
	-moz-transition: All 0.4s ease;
	-o-transition: All 0.4s ease;
}

.widget .additional-btn > a:hover {
	text-decoration: none;
	-webkit-transition: All 0.4s ease;
	-moz-transition: All 0.4s ease;
	-o-transition: All 0.4s ease;	
}

.ui-sortable-placeholder{
	background:desaturate(darken(@contentbg,15%),15%) !important;
	display: block;
	visibility: visible !important;
	min-height:100%;
	-webkit-box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.1);
	box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.1);
}

.widget.ui-sortable-placeholder * {
	visibility: hidden;
}


.transparent{
	background: @transparent;
	color:#fff;
}

.white{
	background: @white-1;
	color:#555;
}

.widget.success {
	background: #65BD77;
	color: #fff;
}

.widget.success h2 {
	color: #2C7439;
	border-bottom-color: #3B934B;
}

.widget.success:hover {
	color: #DEFFE5;
}

.widget.success .additional-btn a.additional-icon {
	color: #3B934B;
}

.widget.success .additional-btn a:hover.additional-icon {
	color: #2C7439;
}

.widget.success .text-box h3 {
	color: #215F2E;
}

.widget.success .progress-bar-success {
	background-color: #215F2E;
}

.widget.success i.success {
	color: #215F2E;
}

.widget.danger {
	background: #D9534F;
	color: #fff;
}

.widget.danger h2 {
	color: #791C1A;
	border-bottom-color: #791C1A;
}

.widget.danger:hover {
	color: #fff;
}

.widget.danger .additional-btn a.additional-icon {
	color: #791C1A;
}

.widget.danger .additional-btn a:hover.additional-icon {
	color: #791C1A;
}

.widget.danger .text-box h3 {
	color: #791C1A;
}

.widget.danger .progress-bar-danger {
	background-color: #791C1A;
}

.widget.danger i.danger {
	color: #791C1A;
}

.widget.info {
	background: #4393D8;
	color: #fff;
}

.widget.info h2 {
	color: #15558B;
	border-bottom-color: #15558B;
}

.widget.info:hover {
	color: #DEFFE5;
}

.widget.info .additional-btn a.additional-icon {
	color: #15558B;
}

.widget.info .additional-btn a:hover.additional-icon {
	color: #15558B;
}

.widget.info .text-box h3 {
	color: #15558B;
}

.widget.info .progress-bar-info {
	background-color: #15558B;
}

.widget.info i.info {
	color: #15558B;
}

.widget.warning {
	background: #F7CB17;
	color: #fff;
}

.widget.warning h2 {
	color: #9D5D03;
	border-bottom-color: #9D5D03;
}

.widget.warning:hover {
	color: #DEFFE5;
}

.widget.warning .additional-btn a.additional-icon {
	color: #9D5D03;
}

.widget.warning .additional-btn a:hover.additional-icon {
	color: #9D5D03;
}

.widget.warning .text-box h3 {
	color: #9D5D03;
}

.widget.warning .progress-bar-warning {
	background-color: #9D5D03;
}

.widget .progress-bar-semi-transparent {
	background-color: rgba(255,255,255,0.4);
}

.widget.warning i.warning {
	color: #9D5D03;
}

.widget .additional {
	padding: 0 15px;
	background: #fff;
	color: #909090;
	margin: 15px -15px -15px -15px;
}

.widget .additional .list-box-info {
	margin: 0 -15px;
}

.widget .additional .list-box-info ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget .additional .list-box-info ul li {
	background: #fff;
	padding: 15px 20px;
	color: #909090;
	border-bottom: 1px solid #ddd;
}

.widget .additional .list-box-info ul li span.label {
	float: right;
	font-size: 13px;
}

.widget .additional .list-box-info ul li:last-child {
	border-bottom: 1px solid #fff;
}

.left .widget{
	margin:10px;
}

.left .widget-header h2{
	color:#fff;
	padding:4px;
}

.left .widget .additional-btn{
	right:4px;
}

.widget.full h2 {
	padding: 15px;
	margin: 5px 0px 20px 0px;
}

.widget table {
	margin: 0;
}

.widget table tr th,.widget table tr td {
	padding-left: 15px;
	padding-right: 15px;
}

.widget .widget-icon {
	font-size: 50px;
	position: absolute;
	right:4%;
	top:10px;
	color:rgba(255,255,255,1);
}

.widget .text-box h2 {
	padding: 0;
	margin: 0px 0;
	font-weight: 300;
	font-size: 32px;
	display: block;
	color: #fff;
}

.widget .text-box .maindata {
	font-size: 11px;
	color:#fff;
	font-family: "Open Sans";
}

.widget .text-box .maindata b{
	font-size: 12px;
}

.top-summary .widget .progress{
	margin:0px;
	background: rgba(0,0,0,0.2);
}

.top-summary .widget .widget-footer{
	background:rgba(0,0,0,0.1);
	padding:4px 15px;
	font-size:12px;
	color: rgba(255,255,255,0.9);
}

.top-summary .widget .widget-footer .rel-change{
	font-size:14px;
	color:#fff;
	margin-right:7px;
}

/* WIDGET FLIP */
.flip {
	perspective: 600px;
    perspective-origin: 50% 50%;
    position: relative;	
}

.flip:hover .widget-flip, .flip.hover .widget-flip {
	transform: rotateY(180deg);
}

.flip, .widget-front, .widget-back {
	width: 100%;
	height:110px;
}

/* flip speed goes here */
.widget-flip {
	transition: all 600ms ease 0s, opacity 200ms ease 0s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.widget-front, .widget-back {
	backface-visibility: hidden;
	transform-origin: 50% 50% 0;
	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.widget-front {
	z-index: 2;
	background: #ff0000;
}

/* back, initially hidden pane */
.widget-back {
	background:#333;
	transform: rotateY(180deg);
}


/* BUTTONS */
.dropdown-toggle.btn-sm{
	padding-right:6px;
}

.dropdown-toggle.btn-xs{
	padding-right:3px;
}

.btn-default {
    background-color: #ABB7B7;
    border-color: #ABB7B7;
    color: #fff;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    background-color: #98A3A3;
    border-color: #98A3A3;
    color: #fff;
}

.btn-primary {
    background-color: #4A525F;
    border-color: #4A525F;
    color: #FFFFFF;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background-color: #3E444F;
    border-color: #3E444F;
    color: #FFFFFF;
}

.btn-success {
    background-color: #68C39F;
    border-color: #68C39F;
    color: #FFFFFF;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
    background-color: #5CAD8D;
    border-color: #5CAD8D;
    color: #FFFFFF;
}

.btn-info {
    background-color: #65BBD6;
    border-color: #65BBD6;
    color: #FFFFFF;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
    background-color: #5BA9C2;
    border-color: #5BA9C2;
    color: #FFFFFF;
}

.btn-warning {
    background-color: #FFC052;
    border-color: #FFC052;
    color: #FFFFFF;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
    background-color: #F5B84F;
    border-color: #F5B84F;
    color: #FFFFFF;
}

.btn-danger {
    background-color: #E15554;
    border-color: #E15554;
    color: #FFFFFF;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
    background-color: #C74B4A;
    border-color: #C74B4A;
    color: #FFFFFF;
}

/* ICON COLOR */
i.success {
	color: #68C39F;
}

i.warning {
	color: #FFC052;
}

i.info {
	color: #65BBD6;
}

i.danger {
	color: #E15554;
}

/* LABEl COLOR */
.label.label-success {
	background: #68C39F;
}

.label.label-warning {
	background: #FFC052;
}

.label.label-info {
	background: #65BBD6;
}

.label.label-danger {
	background: #E15554;
}

/* QUICK POST */
p.quick-post {
	margin: 10px 5px;
}

p.quick-post i {
	color: #909090;
	margin: 5px;
	cursor: pointer;
}

p.quick-post.message i {
	margin: 0 2px;
}

p.quick-post.message {
	margin: 3px 0px;
	padding: 0;
	text-align: right;
}

/* CHAT WIDGET */
.chat-widget {
	height: 300px;
	margin-bottom: 20px;
}

form.input-chat {
	margin-top: 20px;
}

.chat-widget .media-list {
	margin: 0;
}

.chat-widget .media-list .media {
	border-bottom: none;
}

.chat-widget .media-list .media .media-object {
	width: 50px;
	padding: 4px;
	border: 1px solid #eaeaea;
}

.chat-widget .media-list .media .media-body {
	background: #f7f7f7;
	border-radius: 3px;
	padding: 10px;
	color: #677179;
}

.chat-widget .media-list .media .media-body p.time {
	text-align: right;
	color: #909090;
	font-size: 11px;
	font-style: italic;
}

.chat-widget .media-list .media .media-body.success {
	background: #EDFFED;
}

.chat-widget .media-list .media .media-body.warning {
	background: #FFFCE0;
}

.chat-widget .media-list .media .media-body.danger {
	background: #FFE8E8;
}

.chat-widget .media-list .media .media-body.info {
	background: #E5F5FF;
}

/* SELECT PICKER */
.selectpicker {
	border-radius: 0;
	font-size: 13px;
}

/* ICONS PAGE */
.icon-showcase i {
	margin-right: 5px;
}

.bs-glyphicons {
	padding-left: 0;
	padding-bottom: 1px;
	margin-bottom: 20px;
	list-style: none;
	overflow: hidden;
}

.bs-glyphicons li {
	float: left;
	width: 25%;
	height: 115px;
	padding: 10px;
	margin: 0 -1px -1px 0;
	font-size: 12px;
	line-height: 1.4;
	text-align: center;
	border: 1px solid #ddd;
}

.bs-glyphicons .glyphicon {
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 24px;
}

.bs-glyphicons .glyphicon-class {
	display: block;
	text-align: center;
	word-wrap: break-word;


/* Help out IE10+ with class names */;
}

.bs-glyphicons li:hover {
	background-color: rgba(86,61,124,.1);
}

@media (min-width: 768px) {
	.bs-glyphicons li {
		width: 12.5%;
	};
}

/* MESSAGE */

.search-box.has-feedback .form-control-feedback{
	right:5px;
}

.btn-toolbar .rows-check-cont{
	margin-top:6px;
	margin-right: 15px;
}

.mail-list{
	background: #fff;
	color:#777;

	box-shadow:0px 0px 3px rgba(0,0,0,0.1);
}

.mail-reply{
	font-size:13px;
	color:#777;
}

.sender-photo{
	height:30px;
	margin-top:5px;
	float:left;
	margin-right:10px;
}

.menu-message {
	margin: 20px 0;
}

.menu-message .list-group-item{
	border:0px;
	border-left:4px solid transparent;
	background: rgba(255,255,255,0.8);
	margin-bottom:0px;
	color:#666;
}

.menu-message .list-group-item.active{
	background: rgba(255,255,255,0.4);
	border-left:4px solid @green-1;
	color:#666;
}

.menu-message .list-group-item.active .badge{
	color:#fff;
	background: @lightblue-2;
}


.menu-folders {
	margin: 20px 0;
}

.menu-folders .list-group-item{
	border:0px;
	background: rgba(255,255,255,0.8);
	margin-bottom:0px;
	color:#666;
	font-size:13px;
}

.menu-folders .list-group-item i{
	font-size:14px;	
	margin-right: 5px;
}

.table-message tr.unread {
	font-weight: 500;
}

.table-message tr.unread a{
	font-weight: 500;
}

.table-message > tbody > tr > td{
	border-bottom: 1px solid #f3f3f3 !important;
}

.table-message > tbody > tr.unread > td{
	//border-bottom: 1px solid #ddd !important;
}

.table-message > tbody > tr > td > a {
	display: block;
	font-weight: 300;
	color: #5b5b5b;
}

.table-message > tbody > tr > td > a:hover {
	text-decoration: none;
}

.data-table-toolbar span.paging-status {
	font-weight: bold;
	margin: 10px 10px 0 0;
}

.input-message {
	margin-top: -1px;
}

.new-message-btns{
	width: 100%;
}

hr.dashed {
	height: 1px;
	background: transparent;
	border-top: none;
	border-bottom: 1px dashed #ddd;
}

.data-table-toolbar {
	margin: 0px;
	padding: 15px;
	background: rgba(0,0,0,0.03);
}

.data-table-toolbar-footer {
	margin-top: 15px;
	padding: 0px;
}

.toolbar-btn-action {
	text-align: right;
}

/* GALLERY */
.gallery-wrap {
	margin: 10px -10px;
}

.gallery-wrap:before,.gallery-wrap:after {
	display: table;
	content: " ";
}

.gallery-wrap:after {
	clear: both;
}

.gallery-wrap .column {
	float: left;
	width: 20%;
	margin: 0;
	padding: 0;
}

.gallery-wrap .column-4 {
	float: left;
	width: 25%;
	margin: 0;
	padding: 0;
}

.gallery-wrap .column-3 {
	float: left;
	width: 33.33333333333333%;
	margin: 0;
	padding: 0;
}

.gallery-wrap .column .inner,.gallery-wrap .column-4 .inner,.gallery-wrap .column-3 .inner {
	margin: 10px;
	position: relative;
	overflow: hidden;
	-webkit-transition: All 0.4s ease;
	-moz-transition: All 0.4s ease;
	-o-transition: All 0.4s ease;
}

.gallery-wrap .column .inner:hover,.gallery-wrap .column-4 .inner:hover,.gallery-wrap .column-3 .inner:hover {
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.25);
}

.gallery-wrap .column .inner a .img-wrap,.gallery-wrap .column-3 .inner a .img-wrap,.gallery-wrap .column-4 .inner a .img-wrap {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}

.gallery-wrap .column .inner .img-wrap {
	height: 140px;
	overflow: hidden;
	background: #ddd;
}

.gallery-wrap .column-3 .inner .img-wrap {
	height: 200px;
	overflow: hidden;
	background: #ddd;
}

.gallery-wrap .column-4 .inner .img-wrap {
	height: 180px;
	overflow: hidden;
	background: #ddd;
}

.gallery-wrap .column .inner .img-frame,.gallery-wrap .column-3 .inner .img-frame,.gallery-wrap .column-4 .inner .img-frame {
	padding: 5px;
	background: #fff;
	display: block;
	position: relative;
	-webkit-transition: All 0.4s ease;
	-moz-transition: All 0.4s ease;
	-o-transition: All 0.4s ease;
}

.gallery-wrap .column .inner:hover .img-frame,.gallery-wrap .column-3 .inner:hover .img-frame,.gallery-wrap .column-4 .inner:hover .img-frame {
	background: #fff;
}

.gallery-wrap .column .inner:hover .img-frame.success,.gallery-wrap .column-3 .inner:hover .img-frame.success,.gallery-wrap .column-4 .inner:hover .img-frame.success {
	background: #65BD77;
}

.gallery-wrap .column .inner:hover .img-frame.warning,.gallery-wrap .column-3 .inner:hover .img-frame.warning,.gallery-wrap .column-4 .inner:hover .img-frame.warning {
	background: #FFCE00;
}

.gallery-wrap .column .inner:hover .img-frame.danger,.gallery-wrap .column-3 .inner:hover .img-frame.danger,.gallery-wrap .column-4 .inner:hover .img-frame.danger {
	background: #D73D3D;
}

.gallery-wrap .column .inner:hover .img-frame.info,.gallery-wrap .column-3 .inner:hover .img-frame.info,.gallery-wrap .column-4 .inner:hover .img-frame.info {
	background: #428BCA;
}

.gallery-wrap .column .inner .img-wrap img,.gallery-wrap .column-4 .inner .img-wrap img,.gallery-wrap .column-3 .inner .img-wrap img {
	width: 100%;
}

.gallery-wrap .column .inner .caption-hover,.gallery-wrap .column-4 .inner .caption-hover,.gallery-wrap .column-3 .inner .caption-hover {
	position: absolute;
	bottom: -100px;
	left: 0;
	right: 0;
	text-align: center;
	color: #909090;
	padding: 10px;
	background: #fff;
	-webkit-transition: All 0.4s ease;
	-moz-transition: All 0.4s ease;
	-o-transition: All 0.4s ease;
}

.gallery-wrap .column .inner .caption-hover.success,.gallery-wrap .column-4 .inner .caption-hover.success,.gallery-wrap .column-3 .inner .caption-hover.success {
	color: #2C7439;
	background: #65BD77;
}

.gallery-wrap .column .inner .caption-hover.danger,.gallery-wrap .column-4 .inner .caption-hover.danger,.gallery-wrap .column-3 .inner .caption-hover.danger {
	color: #790D0D;
	background: #D73D3D;
}

.gallery-wrap .column .inner .caption-hover.warning,.gallery-wrap .column-4 .inner .caption-hover.warning,.gallery-wrap .column-3 .inner .caption-hover.warning {
	color: #B27C05;
	background: #FFCE00;
}

.gallery-wrap .column .inner .caption-hover.info,.gallery-wrap .column-4 .inner .caption-hover.info,.gallery-wrap .column-3 .inner .caption-hover.info {
	color: #0A487C;
	background: #428BCA;
}

.gallery-wrap .column .inner:hover .caption-hover,.gallery-wrap .column-4 .inner:hover .caption-hover,.gallery-wrap .column-3 .inner:hover .caption-hover {
	bottom: 0px;
}

.gallery-wrap .column .inner .caption-static,.gallery-wrap .column-4 .inner .caption-static,.gallery-wrap .column-3 .inner .caption-static {
	position: absolute;
	text-align: left;
	font-weight: 300;
	font-size:12px;
	color: #fff;
	padding: 10px;
    left:0px;
	bottom:0px;
	width:100%;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.34) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.34))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.34) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.34) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.34) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.34) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#57000000',GradientType=0 ); /* IE6-9 */
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
	margin: 0;
}

.gallery-wrap .column .inner a:hover,.gallery-wrap .column-4 .inner a:hover,.gallery-wrap .column-3 .inner a:hover {
	text-decoration: none;
}

.gallery-wrap .column .inner .caption-static.success,.gallery-wrap .column-4 .inner .caption-static.success,.gallery-wrap .column-3 .inner .caption-static.success {
	color: #2C7439;
	background: #65BD77;
}

.gallery-wrap .column .inner .caption-static.danger,.gallery-wrap .column-4 .inner .caption-static.danger,.gallery-wrap .column-3 .inner .caption-static.danger {
	color: #790D0D;
	background: #D73D3D;
}

.gallery-wrap .column .inner .caption-static.warning,.gallery-wrap .column-4 .inner .caption-static.warning,.gallery-wrap .column-3 .inner .caption-static.warning {
	color: #B27C05;
	background: #FFCE00;
}

.gallery-wrap .column .inner .caption-static.info,.gallery-wrap .column-4 .inner .caption-static.info,.gallery-wrap .column-3 .inner .caption-static.info {
	color: #0A487C;
	background: #428BCA;
}

/* === BUTTONS AND ICONS COLOR === */
.btn-facebook{background: #45619D;border-color: #4D6CAD;}
.btn-facebook:hover{background: #395289;border-color: #4D6CAD;}
.btn-twitter{background: #00ACEE;border-color: #00B7FC;}
.btn-twitter:hover{background: #03A0DE;border-color: #00B7FC;}
.btn-gplus{background: #D54636;border-color: #B22E21;}
.btn-gplus:hover{background: #BF392E;border-color: #B22E21;}
.btn-vimeo{background: #1BB6EC;border-color: #0AA0D3;}
.btn-vimeo:hover{background: #12ADE3;border-color: #0AA0D3;}
.btn-pinterest{background: #CD1F28;border-color: #B70F17;}
.btn-pinterest:hover{background: #C9121A;border-color: #B70F17;}
.btn-instagram{background: #4E3D35;border-color: #392C24;}
.btn-instagram:hover{background: #483931;border-color: #392C24;}

i.success{color: #65BD77;}
i.warning{color: #F39C12}
i.info{color: #3498DB}
i.danger{color: #E85344}

/** Social button and icon **/
/** SOCIAL BUTTON ICONS **/
/** Button Facebook **/
.btn-facebook {
	background-color: #4B66A0;
	border-color: #4B66A0;
	color: #fff;
}
.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active,
.open .dropdown-toggle.btn-facebook {
	background-color: #3B5A98;
	border-color: #3B5A98;
	color: #fff;
}
.btn-facebook:active,
.btn-facebook.active,
.open .dropdown-toggle.btn-facebook {
	background-image: none;
}
.btn-facebook.disabled,
.btn-facebook[disabled],
fieldset[disabled] .btn-facebook,
.btn-facebook.disabled:hover,
.btn-facebook[disabled]:hover,
fieldset[disabled] .btn-facebook:hover,
.btn-facebook.disabled:focus,
.btn-facebook[disabled]:focus,
fieldset[disabled] .btn-facebook:focus,
.btn-facebook.disabled:active,
.btn-facebook[disabled]:active,
fieldset[disabled] .btn-facebook:active,
.btn-facebook.disabled.active,
.btn-facebook[disabled].active,
fieldset[disabled] .btn-facebook.active {
	background-color: #6C89C1;
	border-color: #6C89C1;
	color: #fff;
}
.btn-facebook .badge {color: #3B5A98;}


/** Button Twitter **/
.btn-twitter {
	background-color: #55ACEE;
	border-color: #55ACEE;
	color: #fff;
}
.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active,
.btn-twitter.active,
.open .dropdown-toggle.btn-twitter {
	background-color: #3490D3;
	border-color: #3490D3;
	color: #fff;
}
.btn-twitter:active,
.btn-twitter.active,
.open .dropdown-toggle.btn-twitter {
	background-image: none;
}
.btn-twitter.disabled,
.btn-twitter[disabled],
fieldset[disabled] .btn-twitter,
.btn-twitter.disabled:hover,
.btn-twitter[disabled]:hover,
fieldset[disabled] .btn-twitter:hover,
.btn-twitter.disabled:focus,
.btn-twitter[disabled]:focus,
fieldset[disabled] .btn-twitter:focus,
.btn-twitter.disabled:active,
.btn-twitter[disabled]:active,
fieldset[disabled] .btn-twitter:active,
.btn-twitter.disabled.active,
.btn-twitter[disabled].active,
fieldset[disabled] .btn-twitter.active {
	background-color: #7CC1F5;
	border-color: #7CC1F5;
	color: #fff;
}
.btn-twitter .badge {color: #3490D3;}


/** Button Googleplus **/
.btn-google-plus {
	background-color: #D24333;
	border-color: #D24333;
	color: #fff;
}
.btn-google-plus:hover,
.btn-google-plus:focus,
.btn-google-plus:active,
.btn-google-plus.active,
.open .dropdown-toggle.btn-google-plus {
	background-color: #BC2C1F;
	border-color: #BC2C1F;
	color: #fff;
}
.btn-google-plus:active,
.btn-google-plus.active,
.open .dropdown-toggle.btn-google-plus {
	background-image: none;
}
.btn-google-plus.disabled,
.btn-google-plus[disabled],
fieldset[disabled] .btn-google-plus,
.btn-google-plus.disabled:hover,
.btn-google-plus[disabled]:hover,
fieldset[disabled] .btn-google-plus:hover,
.btn-google-plus.disabled:focus,
.btn-google-plus[disabled]:focus,
fieldset[disabled] .btn-google-plus:focus,
.btn-google-plus.disabled:active,
.btn-google-plus[disabled]:active,
fieldset[disabled] .btn-google-plus:active,
.btn-google-plus.disabled.active,
.btn-google-plus[disabled].active,
fieldset[disabled] .btn-google-plus.active {
	background-color: #F0675A;
	border-color: #F0675A;
	color: #fff;
}
.btn-google-plus .badge {color: #BC2C1F;}


/** Button Dribbble **/
.btn-dribbble {
	background-color: #E04C86;
	border-color: #E04C86;
	color: #fff;
}
.btn-dribbble:hover,
.btn-dribbble:focus,
.btn-dribbble:active,
.btn-dribbble.active,
.open .dropdown-toggle.btn-dribbble {
	background-color: #D33471;
	border-color: #D33471;
	color: #fff;
}
.btn-dribbble:active,
.btn-dribbble.active,
.open .dropdown-toggle.btn-dribbble {
	background-image: none;
}
.btn-dribbble.disabled,
.btn-dribbble[disabled],
fieldset[disabled] .btn-dribbble,
.btn-dribbble.disabled:hover,
.btn-dribbble[disabled]:hover,
fieldset[disabled] .btn-dribbble:hover,
.btn-dribbble.disabled:focus,
.btn-dribbble[disabled]:focus,
fieldset[disabled] .btn-dribbble:focus,
.btn-dribbble.disabled:active,
.btn-dribbble[disabled]:active,
fieldset[disabled] .btn-dribbble:active,
.btn-dribbble.disabled.active,
.btn-dribbble[disabled].active,
fieldset[disabled] .btn-dribbble.active {
	background-color: #F571A5;
	border-color: #F571A5;
	color: #fff;
}
.btn-dribbble .badge {color: #D33471;}


/** Button Flickr **/
.btn-flickr {
	background-color: #0162DB;
	border-color: #0162DB;
	color: #fff;
}
.btn-flickr:hover,
.btn-flickr:focus,
.btn-flickr:active,
.btn-flickr.active,
.open .dropdown-toggle.btn-flickr {
	background-color: #0555BF;
	border-color: #0555BF;
	color: #fff;
}
.btn-flickr:active,
.btn-flickr.active,
.open .dropdown-toggle.btn-flickr {
	background-image: none;
}
.btn-flickr.disabled,
.btn-flickr[disabled],
fieldset[disabled] .btn-flickr,
.btn-flickr.disabled:hover,
.btn-flickr[disabled]:hover,
fieldset[disabled] .btn-flickr:hover,
.btn-flickr.disabled:focus,
.btn-flickr[disabled]:focus,
fieldset[disabled] .btn-flickr:focus,
.btn-flickr.disabled:active,
.btn-flickr[disabled]:active,
fieldset[disabled] .btn-flickr:active,
.btn-flickr.disabled.active,
.btn-flickr[disabled].active,
fieldset[disabled] .btn-flickr.active {
	background-color: #2983F7;
	border-color: #2983F7;
	color: #fff;
}
.btn-flickr .badge {color: #0555BF;}


/** Button Pinterest **/
.btn-pinterest {
	background-color: #CC2127;
	border-color: #CC2127;
	color: #fff;
}
.btn-pinterest:hover,
.btn-pinterest:focus,
.btn-pinterest:active,
.btn-pinterest.active,
.open .dropdown-toggle.btn-pinterest {
	background-color: #B70F12;
	border-color: #B70F12;
	color: #fff;
}
.btn-pinterest:active,
.btn-pinterest.active,
.open .dropdown-toggle.btn-pinterest {
	background-image: none;
}
.btn-pinterest.disabled,
.btn-pinterest[disabled],
fieldset[disabled] .btn-pinterest,
.btn-pinterest.disabled:hover,
.btn-pinterest[disabled]:hover,
fieldset[disabled] .btn-pinterest:hover,
.btn-pinterest.disabled:focus,
.btn-pinterest[disabled]:focus,
fieldset[disabled] .btn-pinterest:focus,
.btn-pinterest.disabled:active,
.btn-pinterest[disabled]:active,
fieldset[disabled] .btn-pinterest:active,
.btn-pinterest.disabled.active,
.btn-pinterest[disabled].active,
fieldset[disabled] .btn-pinterest.active {
	background-color: #E53B3E;
	border-color: #E53B3E;
	color: #fff;
}
.btn-pinterest .badge {color: #B70F12;}


/** Button Youtube **/
.btn-youtube {
	background-color: #D92623;
	border-color: #D92623;
	color: #fff;
}
.btn-youtube:hover,
.btn-youtube:focus,
.btn-youtube:active,
.btn-youtube.active,
.open .dropdown-toggle.btn-youtube {
	background-color: #C91212;
	border-color: #C91212;
	color: #fff;
}
.btn-youtube:active,
.btn-youtube.active,
.open .dropdown-toggle.btn-youtube {
	background-image: none;
}
.btn-youtube.disabled,
.btn-youtube[disabled],
fieldset[disabled] .btn-youtube,
.btn-youtube.disabled:hover,
.btn-youtube[disabled]:hover,
fieldset[disabled] .btn-youtube:hover,
.btn-youtube.disabled:focus,
.btn-youtube[disabled]:focus,
fieldset[disabled] .btn-youtube:focus,
.btn-youtube.disabled:active,
.btn-youtube[disabled]:active,
fieldset[disabled] .btn-youtube:active,
.btn-youtube.disabled.active,
.btn-youtube[disabled].active,
fieldset[disabled] .btn-youtube.active {
	background-color: #F04343;
	border-color: #F04343;
	color: #fff;
}
.btn-youtube .badge {color: #C91212;}


/** Button Dropbox **/
.btn-dropbox {
	background-color: #1473C3;
	border-color: #1473C3;
	color: #fff;
}
.btn-dropbox:hover,
.btn-dropbox:focus,
.btn-dropbox:active,
.btn-dropbox.active,
.open .dropdown-toggle.btn-dropbox {
	background-color: #0864B2;
	border-color: #0864B2;
	color: #fff;
}
.btn-dropbox:active,
.btn-dropbox.active,
.open .dropdown-toggle.btn-dropbox {
	background-image: none;
}
.btn-dropbox.disabled,
.btn-dropbox[disabled],
fieldset[disabled] .btn-dropbox,
.btn-dropbox.disabled:hover,
.btn-dropbox[disabled]:hover,
fieldset[disabled] .btn-dropbox:hover,
.btn-dropbox.disabled:focus,
.btn-dropbox[disabled]:focus,
fieldset[disabled] .btn-dropbox:focus,
.btn-dropbox.disabled:active,
.btn-dropbox[disabled]:active,
fieldset[disabled] .btn-dropbox:active,
.btn-dropbox.disabled.active,
.btn-dropbox[disabled].active,
fieldset[disabled] .btn-dropbox.active {
	background-color: #2E90E3;
	border-color: #2E90E3;
	color: #fff;
}
.btn-dropbox .badge {color: #0864B2;}


/** Button Foursquare **/
.btn-foursquare {
	background-color: #0086BE;
	border-color: #0086BE;
	color: #fff;
}
.btn-foursquare:hover,
.btn-foursquare:focus,
.btn-foursquare:active,
.btn-foursquare.active,
.open .dropdown-toggle.btn-foursquare {
	background-color: #0571A0;
	border-color: #0571A0;
	color: #fff;
}
.btn-foursquare:active,
.btn-foursquare.active,
.open .dropdown-toggle.btn-foursquare {
	background-image: none;
}
.btn-foursquare.disabled,
.btn-foursquare[disabled],
fieldset[disabled] .btn-foursquare,
.btn-foursquare.disabled:hover,
.btn-foursquare[disabled]:hover,
fieldset[disabled] .btn-foursquare:hover,
.btn-foursquare.disabled:focus,
.btn-foursquare[disabled]:focus,
fieldset[disabled] .btn-foursquare:focus,
.btn-foursquare.disabled:active,
.btn-foursquare[disabled]:active,
fieldset[disabled] .btn-foursquare:active,
.btn-foursquare.disabled.active,
.btn-foursquare[disabled].active,
fieldset[disabled] .btn-foursquare.active {
	background-color: #2CA0CE;
	border-color: #2CA0CE;
	color: #fff;
}
.btn-foursquare .badge {color: #0571A0;}


/** Button Github **/
.btn-github {
	background-color: #3B3B3B;
	border-color: #3B3B3B;
	color: #fff;
}
.btn-github:hover,
.btn-github:focus,
.btn-github:active,
.btn-github.active,
.open .dropdown-toggle.btn-github {
	background-color: #212121;
	border-color: #212121;
	color: #fff;
}
.btn-github:active,
.btn-github.active,
.open .dropdown-toggle.btn-github {
	background-image: none;
}
.btn-github.disabled,
.btn-github[disabled],
fieldset[disabled] .btn-github,
.btn-github.disabled:hover,
.btn-github[disabled]:hover,
fieldset[disabled] .btn-github:hover,
.btn-github.disabled:focus,
.btn-github[disabled]:focus,
fieldset[disabled] .btn-github:focus,
.btn-github.disabled:active,
.btn-github[disabled]:active,
fieldset[disabled] .btn-github:active,
.btn-github.disabled.active,
.btn-github[disabled].active,
fieldset[disabled] .btn-github.active {
	background-color: #5F5F5F;
	border-color: #5F5F5F;
	color: #fff;
}
.btn-github .badge {color: #212121;}


/** Button Linkedin **/
.btn-linkedin {
	background-color: #0085AE;
	border-color: #0085AE;
	color: #fff;
}
.btn-linkedin:hover,
.btn-linkedin:focus,
.btn-linkedin:active,
.btn-linkedin.active,
.open .dropdown-toggle.btn-linkedin {
	background-color: #036C8E;
	border-color: #036C8E;
	color: #fff;
}
.btn-linkedin:active,
.btn-linkedin.active,
.open .dropdown-toggle.btn-linkedin {
	background-image: none;
}
.btn-linkedin.disabled,
.btn-linkedin[disabled],
fieldset[disabled] .btn-linkedin,
.btn-linkedin.disabled:hover,
.btn-linkedin[disabled]:hover,
fieldset[disabled] .btn-linkedin:hover,
.btn-linkedin.disabled:focus,
.btn-linkedin[disabled]:focus,
fieldset[disabled] .btn-linkedin:focus,
.btn-linkedin.disabled:active,
.btn-linkedin[disabled]:active,
fieldset[disabled] .btn-linkedin:active,
.btn-linkedin.disabled.active,
.btn-linkedin[disabled].active,
fieldset[disabled] .btn-linkedin.active {
	background-color: #24A7D3;
	border-color: #24A7D3;
	color: #fff;
}
.btn-linkedin .badge {color: #036C8E;}


/** Button Tumblr **/
.btn-tumblr {
	background-color: #3E5A70;
	border-color: #3E5A70;
	color: #fff;
}
.btn-tumblr:hover,
.btn-tumblr:focus,
.btn-tumblr:active,
.btn-tumblr.active,
.open .dropdown-toggle.btn-tumblr {
	background-color: #2E485D;
	border-color: #2E485D;
	color: #fff;
}
.btn-tumblr:active,
.btn-tumblr.active,
.open .dropdown-toggle.btn-tumblr {
	background-image: none;
}
.btn-tumblr.disabled,
.btn-tumblr[disabled],
fieldset[disabled] .btn-tumblr,
.btn-tumblr.disabled:hover,
.btn-tumblr[disabled]:hover,
fieldset[disabled] .btn-tumblr:hover,
.btn-tumblr.disabled:focus,
.btn-tumblr[disabled]:focus,
fieldset[disabled] .btn-tumblr:focus,
.btn-tumblr.disabled:active,
.btn-tumblr[disabled]:active,
fieldset[disabled] .btn-tumblr:active,
.btn-tumblr.disabled.active,
.btn-tumblr[disabled].active,
fieldset[disabled] .btn-tumblr.active {
	background-color: #586F81;
	border-color: #586F81;
	color: #fff;
}
.btn-tumblr .badge {color: #2E485D;}


/** Button Vimeo **/
.btn-vimeo {
	background-color: #1BB6EC;
	border-color: #1BB6EC;
	color: #fff;
}
.btn-vimeo:hover,
.btn-vimeo:focus,
.btn-vimeo:active,
.btn-vimeo.active,
.open .dropdown-toggle.btn-vimeo {
	background-color: #0D9DD1;
	border-color: #0D9DD1;
	color: #fff;
}
.btn-vimeo:active,
.btn-vimeo.active,
.open .dropdown-toggle.btn-vimeo {
	background-image: none;
}
.btn-vimeo.disabled,
.btn-vimeo[disabled],
fieldset[disabled] .btn-vimeo,
.btn-vimeo.disabled:hover,
.btn-vimeo[disabled]:hover,
fieldset[disabled] .btn-vimeo:hover,
.btn-vimeo.disabled:focus,
.btn-vimeo[disabled]:focus,
fieldset[disabled] .btn-vimeo:focus,
.btn-vimeo.disabled:active,
.btn-vimeo[disabled]:active,
fieldset[disabled] .btn-vimeo:active,
.btn-vimeo.disabled.active,
.btn-vimeo[disabled].active,
fieldset[disabled] .btn-vimeo.active {
	background-color: #4BCBFA;
	border-color: #4BCBFA;
	color: #fff;
}
.btn-vimeo .badge {color: #0D9DD1;}


/** SOCIAL ICONS COLORS **/
.icon-facebook{color: #4B66A0}
a .icon-facebook{color: #4B66A0}
a:hover .icon-facebook ,
a:focus .icon-facebook {
	text-decoration: none;
	color: #3B5A98;
}

.icon-twitter{color: #55ACEE}
a .icon-twitter {color: #55ACEE}
a:hover .icon-twitter,
a:focus .icon-twitter{
	text-decoration: none;
	color: #3490D3;
}

.icon-google-plus{color: #D24333}
a .icon-google-plus{color: #D24333}
a:hover .icon-google-plus,
a:focus .icon-google-plus{
	text-decoration: none;
	color: #BC2C1F;
}

.icon-dribbble{color: #E04C86}
a .icon-dribbble{color: #E04C86}
a:hover .icon-dribbble,
a:focus .icon-dribbble{
	text-decoration: none;
	color: #D33471;
}

.icon-flickr{color: #0162DB}
a .icon-flickr {color: #0162DB}
a:hover .icon-flickr,
a:focus .icon-flickr{
	text-decoration: none;
	color: #0555BF;
}

.icon-pinterest{color: #CC2127}
a .icon-pinterest{color: #CC2127}
a:hover .icon-pinterest,
a:focus .icon-pinterest{
	text-decoration: none;
	color: #B70F12;
}

.icon-youtube{color: #D92623}
a .icon-youtube{color: #D92623}
a:hover .icon-youtube,
a:focus .icon-youtube{
	text-decoration: none;
	color: #C91212;
}

.icon-dropbox{color: #1473C3}
a .icon-dropbox {color: #1473C3}
a:hover .icon-dropbox,
a:focus .icon-dropbox{
	text-decoration: none;
	color: #0864B2;
}

.icon-foursquare{color: #0086BE}
a .icon-foursquare{color: #0086BE}
a:hover .icon-foursquare,
a:focus .icon-foursquare{
	text-decoration: none;
	color: #0571A0;
}

.icon-github{color: #3B3B3B}
a .icon-github{color: #3B3B3B}
a:hover .icon-github,
a:focus .icon-github{
	text-decoration: none;
	color: #212121;
}

.icon-linkedin{color: #0085AE}
a .icon-linkedin{color: #0085AE}
a:hover .icon-linkedin,
a:focus .icon-linkedin{
	text-decoration: none;
	color: #036C8E;
}

.icon-tumblr{color: #3E5A70}
a .icon-tumblr{color: #3E5A70}
a:hover .icon-tumblr,
a:focus .icon-tumblr{
	text-decoration: none;
	color: #2E485D;
}

.icon-vimeo{color: #1BB6EC}
a .icon-vimeo{color: #1BB6EC}
a:hover .icon-vimeo,
a:focus .icon-vimeo {
	text-decoration: none;
	color: #0D9DD1;
}


/* ZOOM GALLERY */
.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}

/* ANOTHER CONTENT CONFIGURATION */
.login-page{
	background: @lightblue-2;
}

.signup-page{
	background: @lightblue-2;
}

.lock-page{
	background:@darkblue-1;
}

.lock-page .container{
	background: @lightblue-2;
}

.rotate(@deg: 90) {
    /* Safari */
    -webkit-transform: rotate(@deg * 1deg);
    /* Firefox */
    -moz-transform: rotate(@deg * 1deg);
    /* IE10+ */
    transform: rotate(@deg * 1deg);
    /* Opera */
    -o-transform: rotate(@deg * 1deg);

}

.translate(@v1:0,@v2:0,@v3:0){
	-webkit-transform: translate3d(@v1,@v2,@v3);
	-moz-transform: translate3d(@v1,@v2,@v3);
	-ms-transform: translate3d(@v1,@v2,@v3);
	-o-transform: translate3d(@v1,@v2,@v3);
	transform: translate3d(@v1,@v2,@v3);
}

.internal-error h1{
	.rotate(10);
}

.internal-error h2{
	.rotate(-185);
}

.internal-error .backbtn{
	.rotate(-44);
}

.internal-error .searchbtn{
	.rotate(-44);
}

.full-content-center {
	width: 100%;
	padding:5px 0px;
	max-width: 500px;
	margin: 6% auto;
	text-align: center;
}

.full-content {
	background: #E5E9EC;
}

.full-content-center h1 {
	font-size: 150px;
	font-family: "Open Sans";
	line-height: 150px;
	font-weight: 700;
	color:@darkblue-1;
}

/* MAINTENANCE PAGE */
.maintenance h1 i{
    font-size:150px;
    
    color: #252932;
}

.maintenance h1{
    font-size:50px;
    line-height: 100px;
    color:#fff;
    text-shadow:1px 1px 0px rgba(0,0,0,0.1);
}

/* LOGIN PAGE */
.login-wrap {
	margin: 20px 10%;
	text-align: left;
	background: rgba(0,0,0,0.1);
	padding:20px 20px;
	color: #fff;
}

.login-wrap a{
	color: #fff;
}

.login-wrap i {
	margin-right: 5px;
}

.login-wrap .checkbox {
	margin-left: 0;
	padding-left: 0;
}

.login-wrap .btn-block {
	margin: 5px 0;
}

.login-wrap .login-input {
	position: relative;
}

.login-wrap .login-input .text-input {
	padding-left: 30px;
}

.login-wrap .login-input i.overlay {
	position: absolute;
	left: 10px;
	top: 10px;
	color: #aaa;
}

/* SEARCH RESULT */
.widget .media-list.search-result .media a {
	color: #46C45F;
}

.widget .media-list.search-result .media .media-heading a {
	color: #1279D1;
}

.widget .media-list.search-result .media .media-heading span {
	font-size: 12px;
	font-weight: 400;
	padding: 3px 5px;
}

.widget .media-list.search-result .media .media-object {
	width: 100px;
}

/* FAQ */
ul.faq {
	list-style: none;
	padding-left: 10px;
	margin: 20px 0 50px;
}

ul.faq li i {
	margin-right: 5px;
}

ul.faq li {
	margin: 10px 0;
}

ul.faq li a.faq-question {
	cursor: pointer;
	display: block;
	font-size: 14px;
}

ul.faq li .faq-answer {
	margin: 10px 15px;
}

/* TABLE PRICING */
table.pricing-table-style-1 {
	text-align: center;
	background: #fff;
}

table.pricing-table-style-1 thead tr th {
	padding: 15px;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
}

table.pricing-table-style-1 thead tr th.best-choice {
	color: #A2A7B7;
	background: #0F1215;
	border-bottom-color: #000;
}

table.pricing-table-style-1 tbody tr td.best-choice {
	background: #1B1E24;
	font-weight: 600;
	font-size: 15px;
	color: #fafafa;
	border-top-color: #000;
}

table.pricing-table-style-1 tbody tr td.td-success {
	background: #65BD77;
	font-weight: 600;
	color: #2C7439;
	text-align: right;
	border-top-color: #55AD67;
}

table.pricing-table-style-1 thead tr th.th-success {
	color: #65BD77;
	background: #55AD67;
	border-bottom-color: #55AD67;
}

.la-pricing-table {
	margin: 30px 0;
	text-align: center;
}

.la-pricing-table:before,.la-pricing-table:after {
	display: table;
	content: " ";
}

.la-pricing-table:after {
	clear: both;
}

.la-pricing-table .la-col-4 {
	float: left;
	margin: 20px 0 20px 0;
	padding: 0;
	width: 25%;
	border: 3px solid transparent;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	position: relative;
	overflow: hidden;
}

.la-pricing-table .la-col-4:hover {
	border-color: #434D58;
}

.la-pricing-table .la-col-4 i.bg-big {
	position: absolute;
	font-size: 210px;
	opacity: .05;
	top: 20%;
	left: 0;
	right: 0;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

.la-pricing-table .la-col-4:hover i.bg-big {
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-o-transform: scale(2);
	-ms-transform: scale(2);
	transform: scale(2);
	opacity: 0;
}

.la-pricing-table .la-col-4 ul {
	list-style: none;
	padding: 0;
	margin: 0;
	background: #fff;
}

.la-pricing-table .la-col-4 ul li {
	padding: 10px 20px;
	display: block;
	font-size: 13px;
}

.la-pricing-table .la-col-4 ul li.la-package {
	font-size: 24px;
	font-weight: 600;
	background: #121515;
	color: #fff;
}

.la-pricing-table .la-col-4 ul li.la-price {
	font-size: 18px;
	font-weight: 600;
	color: #8E98AD;
	background: #434D58;
	margin: 0 20px;
}

.la-pricing-table .la-col-4 ul li.la-price i {
	font-size: 13px;
}

/* SELECT PICKER SUCCESS */
.la-pricing-table .la-col-4.success {
}

.la-pricing-table .la-col-4:hover.success {
	border-color: #2C7439;
}

.la-pricing-table .la-col-4.success ul {
	background: #65BD77;
}

.la-pricing-table .la-col-4.success ul li {
	color: #fff;
}

.la-pricing-table .la-col-4.success ul li.la-package {
	color: #BCF5C6;
	background: #2C7439;
}

.la-pricing-table .la-col-4.success ul li.la-price {
	color: #fff;
	background: #3E984D;
}

/* SELECT PICKER DANGER */
.la-pricing-table .la-col-4.danger {
}

.la-pricing-table .la-col-4:hover.danger {
	border-color: #B42424;
}

.la-pricing-table .la-col-4.danger ul {
	background: #D73D3D;
}

.la-pricing-table .la-col-4.danger ul li {
	color: #fff;
}

.la-pricing-table .la-col-4.danger ul li.la-package {
	color: #FFB4B4;
	background: #B42424;
}

.la-pricing-table .la-col-4.danger ul li.la-price {
	color: #fff;
	background: #C42E2E;
}

/* SELECT PICKER INFO */
.la-pricing-table .la-col-4.info {
}

.la-pricing-table .la-col-4:hover.info {
	border-color: #1F6AAA;
}

.la-pricing-table .la-col-4.info ul {
	background: #529DDE;
}

.la-pricing-table .la-col-4.info ul li {
	color: #fff;
}

.la-pricing-table .la-col-4.info ul li.la-package {
	color: #C6E5FF;
	background: #1F6AAA;
}

.la-pricing-table .la-col-4.info ul li.la-price {
	color: #fff;
	background: #2E71AD;
}

/* SELECT PICKER WARNING */
.la-pricing-table .la-col-4.warning {
}

.la-pricing-table .la-col-4:hover.warning {
	border-color: #F08600;
}

.la-pricing-table .la-col-4.warning ul {
	background: #FFCE00;
}

.la-pricing-table .la-col-4.warning ul li {
	color: #fff;
}

.la-pricing-table .la-col-4.warning ul li.la-package {
	color: #FFF5C9;
	background: #F08600;
}

.la-pricing-table .la-col-4.warning ul li.la-price {
	color: #fff;
	background: #FFAA00;
}

/* INVOICE */
.invoice .widget-content.padding{
	padding: 70px 30px;color:@lightblue-2;
}
.payment-methods{
	font-size:30px;
}
.company-column {
	padding: 15px;
	margin-bottom: 20px;
}

.company-column address{
	color:@lightblue-2;
}

.bill-to {
	padding: 15px;
	margin-bottom: 20px;
	margin-top:20px;
	border: 1px dashed #E5E9EC;
}

.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default.active[disabled], fieldset[disabled] .btn-default.active{
    background-color: #ABB7B7;
    border-color: #ABB7B7;
    color: #fff;
}

/* CALCULATOR */
#calculator {
	height: auto;	
	font: bold 17px "Open Sans", Arial, sans-serif;
	padding:20px;
}

#calculator .col-xs-3,#calculator .col-xs-9{
	padding:0px 2%;
}

/* Inset shadow on the screen to create indent */
.calc-top .calc-screen {
	height: 47px;
	width: 100%;
	overflow:hidden;
	padding: 0 10px;
	
	background: rgba(0, 0, 0, 0.2);
	border-radius: 2px;
	box-shadow: inset 0px 4px rgba(0, 0, 0, 0.1);
	margin-bottom:10px;
	/* Typography */
	font-size: 21px;
	line-height: 47px;
	color: white;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
	text-align: right;
	letter-spacing: 1px;
}

/* Clear floats */
.calc-keys, .calc-top {overflow: hidden;}

/* Applying same to the keys */
.calc-keys span, .calc-top span.calc-clean {
	float: left;
	position: relative;
	top: 0;
	cursor: pointer;
	
	width: 100%;
	margin-bottom:10px;
	height: 46px;
	
	background: white;
	border-radius: 2px;

	color: #666;
	line-height: 46px;
	text-align: center;
	
	/* prevent selection of text inside keys */
	user-select: none;
	
	/* Smoothing out hover and active states using css3 transitions */
	transition: all 0.2s ease;
}

/* Remove right margins from operator keys */
/* style different type of keys (operators/evaluate/clear) differently */
.calc-keys span.calc-operator {
	background: #999;
	margin-right: 0;
	color:#fff;
	font-size:22px;
}

.calc-keys span.calc-eval {
	background: #f1ff92;
	color: #888e5f;
}

.calc-top span.calc-clean {
	background: #EB5055;
	color: white;
}

/* Some hover effects */
.calc-keys span:hover {
	background: #9c89f6;
	color: white;
}

/* USER PROFILE */
.profile-banner{
	width:100%;
	height:300px;
	background-position: center center;
    background-size: cover;
    position: relative;
    background-color: @darkblue-1;
    border-bottom:4px solid #fff;
    box-shadow: 2px 0px 4px rgba(0,0,0,0.1);
}

.avatar-container{
	height:300px;
	text-align: center;
}

.profile-avatar{
	width:200px;
	position: relative;
	margin:0px auto;
	margin-top:196px;
	border:4px solid @contentbg;
}

.profile-actions{
	position: absolute;
	bottom: 20px;
}

.user-profile-2{
	margin-top:50px;
}

.user-profile-sidebar {
	margin: 0 0 20px 0;
}

.user-profile-sidebar .user-identity {
	margin: 20px 0 0 0;
}

.user-profile-sidebar img {
	width: 90px;
}

.account-status-data {
	text-align: center;
	padding: 10px 0;
	border-top: 1px dashed #ddd;
	border-bottom: 1px dashed #ddd;
	margin: 10px 0 20px 0;
}

.account-status-data h5 {
	font-size: 11px;
	line-height: 150%;
	color: #909090;
}

.user-button {
	margin: 15px 0;
}

.user-button .btn {
	margin: 5px 0;
}

#social {
	padding: 10px;
	background: #E5E9EC;
	text-align: center;
}

#social a:hover {
	text-decoration: none;
}

.fa-circle.facebook {
	color: #5471AE;
}

.fa-circle.twitter {
	color: #4EC6F6;
}

.fa-circle.gplus {
	color: #E24E3E;
}

.fa-circle.tumblr {
	color: #4D77A3;
}

.fa-circle.linkedin {
	color: #3097CE;
}

.user-profile-content {
	margin: 30px 15px;
}

/* FORM WIZARD */
#myWizard {
}

.easyWizardSteps {
	list-style: none;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border-bottom: 0px solid rgba(0,0,0,0.1);
	margin-bottom: 20px;
	background: #7A868F;
}

.easyWizardSteps li {
	font-size: 18px;
	font-family: "Open Sans";
	display: inline-block;
	padding: 10px 20px;
	color: #eee;
	border-right: 1px solid rgba(0,0,0,0.1);
	margin-right: 0px;
}

.easyWizardSteps li:last-child{
	border-right: 0px;
}

.easyWizardSteps li span {
	font-size: 15px;
	padding: 2px 9px;
	border-radius: 50%;
	margin-top: -5px;
	color: #eee;
	font-weight: 700;
	margin-right: 5px;
	border:2px solid #eee;
}

.easyWizardSteps li.current span {
	border:2px solid @green-1;
	color: @green-1;
}

.easyWizardSteps li.current {
	color: @darkblue-3;
	background: #fff;
}

.easyWizardButtons {
	overflow: hidden;
	padding: 10px;
}

.easyWizardButtons button, .easyWizardButtons .submit {
	cursor: pointer;
}

.easyWizardButtons .prev {
	float: left;
}

.easyWizardButtons .next, .easyWizardButtons .submit {
	float: right;
}

.notes {
	padding: 15px;
	border: 1px dashed #ddd;
}

section.step {
	padding: 0 30px;
}

/* NOTES */
.the-notes {
	padding: 15px 15px 15px 30px;
	border-left: 4px solid #909090;
	margin-bottom: 20px;
}

.the-notes.default {
	background: #fff;
}

.the-notes.success {
	background: #fff;
	border-left-color: #65BD77;
}

.the-notes.warning {
	background: #fff;
	border-left-color: #F7CB17;
}

.the-notes.danger {
	background: #fff;
	border-left-color: #D9534F;
}

.the-notes.info {
	background: #fff;
	border-left-color: #4393D8;
}

.the-notes.success h4 {
	color: #65BD77;
}

.the-notes.warning h4 {
	color: #F7CB17;
}

.the-notes.danger h4 {
	color: #D9534F;
}

.the-notes.inf h4 {
	color: #4393D8;
}

.popover{
	border-radius: 3px;
	box-shadow: none;
	opacity:0.9;
	border:none;
}

.popover .arrow{
	border-top:none;
}
.popover .popover-title{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.025);
	font-family: "Open Sans";
}

.popover .popover-content{
	padding:6px 11px;
	font-family: Helvetica,Arial;
	font-size:12px;
}

.modal{
	direction:rtl;
	overflow-y: auto;
}

.modal .modal-dialog{
	direction:ltr;
}

.modal-open{
	overflow:auto;
}

.mini-stats{
	font-size:12px;
	color:#555;
}

#website-statistics1 .widget-footer{
	border-top:1px solid #eee;
}

#website-statistics1 .widget-footer > .col-sm-4{
	padding-top:25px;
	padding-bottom:20px;
	font-size:13px;
}

.status-data{
	font-size: 12px;
	font-family: "Open Sans";
	color: rgba(255,255,255,0.5);
	padding-left: 30px;
}

.status-data .animate-number{
	color: rgba(255,255,255,0.85);
	font-size: 14px;
	font-weight: 700;
}

.status-data .right-border{
	border-right:1px solid rgba(0,0,0,0.2);
}

#home-chart-2{
	margin-top: 24px;
}

.morris-chart svg{
	width: 100% !important;
}

#website-statistic2 h4{
	color:#fff;
}

#website-statistic2 .progress{
	background:rgba(0,0,0,0.2);
}

#website-statistic3{
	color:#fff;
	padding:20px;
}

#website-statistic3 h2{
	color:#fff;
}

#website-statistic3 .stock-status{
	font-size:21px;
	font-family: "Open Sans";
	line-height: 35px;
	display: block;
	margin:10px 0px;
}

.sales-report-data{
	padding:20px;
}

/* CHAT GROUPS */
#chat_groups h2{
	color:rgba(255,255,255,0.7);
	font-size: 13px;
	font-weight: 400;
	text-shadow:0px -1px 0px rgba(0,0,0,0.6);
	margin-bottom: 0px;
	padding:0px 15px;
}

#chat_groups li a{
	display:block;
	padding:5px 15px;
	font-size:13px;
	font-family: "Open Sans";
	color:rgba(255,255,255,0.8);
}

#chat_groups li a i{
	margin-right:5px;
	font-size:12px;
}

/* RECENT TICKETS */
#recent_tickets h2{
	color:rgba(255,255,255,0.7);
	font-size: 13px;
	font-weight: 400;
	text-shadow:0px -1px 0px rgba(0,0,0,0.6);
	margin-bottom: 0px;
	padding:0px 15px;
}

#recent_tickets li a{
	display:block;
	padding:5px 15px;
	font-size:13px;
	font-family: "Open Sans";
	color:rgba(255,255,255,0.8);
}

#recent_tickets li a i{
	margin-right:5px;
}

#recent_tickets li a span{
	display:block;
	color:rgba(255,255,255,0.5);
	font-size:12px;
}

/* STOCK WIDGET */
#stock-widget .widget-content h4{
    position: absolute;
    left:15px;
    top:40px;
}

#stock-widget #stock-chart svg{
    margin-top:-20px;
}

#stock-widget .stock-options{
    margin-right: 15px;
}

/* NOTES */
#notes-app{
    background:#fdfdbe;
    overflow: hidden;
}

#note-data{
    width:100%;
    position: absolute;
    left:-100%;
    padding-left:55px;
    .transition(all 300ms ease-in-out);
}

#notes-app.new-item #notes-list{
    left:-100%;
    .transition(all 300ms ease-in-out);
}

#notes-list{
    left:0%;
    padding-left:60px;
    width:100%;
    height:340px;
    overflow: hidden;
    padding-top: 7px;
    position: absolute;
    .transition(all 300ms ease-in-out);
}

#notes-list a{
    color: #555;
}

#notes-list ul li{
    line-height: 31px;
}

#note-text{
    min-height:300px;
    height:100%;
    background:none !important;
    border:none !important;
    line-height: 31px;
    resize: none;
}

#notes-app .status-indicator{
    position: absolute;
    bottom:15px;
    right:15px;
    background:rgba(0,0,0,0.4);
    color:#fff;
    opacity: 0;
    .transition(all 800ms ease-in-out);
    padding:1px 6px 2px;
}

#notes-app.saved .status-indicator{
    .transition(all 800ms ease-in-out);
    opacity: 1;
}

#notes-app .widget-content{
    background: repeating-linear-gradient(0deg, transparent, transparent 30px, #f3f3f3 30px, #f3f3f3 31px);
    height:342px;
    padding-top:0px;
}

#notes-app .notes-line{
    border-left:3px double rgba(238, 150, 122, .55);
    position: absolute;
    z-index: 0;
    display: block;
    height: 100%;
    left:50px;
}

#notes-app.new-item #note-data{
    left: 0px;
    .transition(all 300ms ease-in-out);
}

/* TODO LIST */
.todo-list{
	list-style: none;
	padding:0px;
	margin:0px;
}

.todo-list li{
	list-style: none;
	padding:10px;
	text-overflow:ellipsis;
	width:100%;
	position:relative;

	white-space:nowrap;
	margin-bottom:4px;
	border-left:4px solid rgba(0,0,0,0.04);
	background: #f8f8f8;
}

.todo-list li.done{
	opacity:0.5;
}

.todo-list li.done .todo-item{
	text-decoration: line-through;
}

.todo-list li > span{
	line-height: 24px;
	height:25px;
	display:inline-block;
	text-overflow:ellipsis;
	overflow:hidden;
	max-width:70%;
	vertical-align: middle;
}

.todo-list .check-icon{
	width:30px;
	margin-top: -2px;
	display: inline-block;
}

.todo-list .todo-item{
	font-size:12px;
	border-bottom:1px dashed rgba(0,0,0,0) !important;
}

.todo-list .todo-item:hover{
	border-bottom: 1px dashed rgba(0,0,0,0.2) !important;
}

.todo-list .todo-options{
	font-size:16px;
	display:none;
}

.todo-list .editable-buttons{
	display:inline-block;
}

.todo-list .todo-tags{
	display:inline;
	line-height: auto;
	position:absolute;
	top:9px;
	right:9px;
	font-family: "Open Sans";
}

.todo-list .todo-options a{
	color:#888;
}

.todo-list li:hover .todo-tags{
	display:none;
}

.todo-list li:hover .todo-options{
	display:inline;
	position:absolute;
	top:9px;
	right:9px;
}

.todo-list li.done .todo-tags{
	display:inline !important;
}

.todo-list li.done .todo-options{
	display:none !important;
}

.todo-list li .editable-container.editable-inline{
	margin-top:-4px;
	overflow:visible;
}

.todo-list li.high{
	border-left:4px solid #EB5055;
}

.todo-list li.medium{
	border-left:4px solid #E27A3F;
}

.todo-list li.low{
	border-left:4px solid #FFC052;
}

#contextMenu {
    position: absolute;
    display:none;
    z-index: 1000;
}

/* WEATHER */
#weather-widget{
    background: url(../../images/weather/weather-bg.jpg);
    background-size: cover;
    min-height:364px;
}

#weather-widget h2{
	color:#fff;
}

#weather h2{
	position: absolute;
	top:60px;
	right:30px;
	font-size:50px;
}

#weather .w-region{
	position:absolute;
	top:100px;
	left:20px;
	font-size:30px;
	color: rgba(255,255,255,0.9);
	font-family: "Open Sans";
}

#weather .w-currently{
	display: block;
	font-size:20px;
	color: rgba(255,255,255,0.8);
}

#weather .w-temp2{
	font-size:24px;
	color: rgba(255,255,255,0.8);
}
/* Bootstrap Calendar */
.bic_calendar{
	border:none;
	background:none;
	font-family: "Open Sans";
}

.bic_calendar a{
	color:#fff;
}

.bic_calendar .table tbody > tr > td{
	padding:2px 0px;
	border:none !important;
    line-height: 2.429;
}

.bic_calendar td > div{
	padding:4px;
}

.bic_calendar .button-month-next,.bic_calendar .button-month-previous{
	padding:5px 15px !important;
}

.bic_calendar .days-month td{
	background:rgba(0,0,0,0.1);
	font-weight: 600;
}

/* Full Calendar */
.fc-event{
	border:0px;
	padding:1px 4px;
}

/* Datatables */
.dataTables_length,div.dataTables_info{
	margin-left:15px;
}

.dataTables_filter,.dataTables_paginate{
	margin-right:15px !important;	
}

.dataTables_filter input{
	margin-left:6px;
}

.pagination{
	.btn-group;
}

.pagination li a, .pagination li.disabled a{
    background-color: #abb7b7;
    border-color: #abb7b7;
    border-radius: 2px !important;
    color: #fff;
}

.pagination li.active a,.pagination li:hover a, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{
    background-color: #98a3a3 !important;
    border-color: #98a3a3 !important;
    color: #fff;
}

.pagination li.disabled a{
	color: #ddd;
}

.pagination li.active a{
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
}

.streetview{
	height: 300px;
}

.cluster{
	color:#FFF;
	text-align:center;
	font-family:'Arial,Helvetica';
	font-size:11px;
	font-weight:bold
}

.cluster-1{
	background-image:url(../img/gmap/m1.png);
	line-height:53px;
	width:53px;
	height:52px
}

.cluster-2{
	background-image:url(../img/gmap/m2.png);
	line-height:53px;
	width:56px;
	height:55px
}

.cluster-3{
	background-image:url(../img/gmap/m3.png);
	line-height:66px;
	width:66px;
	height:65px
}

/* Modal Dialogs */
.modal-content{
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.notification-positions{
	border:2px dashed #ddd;
	padding:2px;
}

.notification-positions div,.notification-positions a{
	height:50px;
	margin-bottom:20px;
	display: block;
}
.notification-positions .row:last-child,.notification-positions .row:last-child div,.notification-positions .row:last-child div a{
	margin-bottom:0px !important;	
}

/* Jquery Sparkline */
.jqstooltip{
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border-color:rgba(0,0,0,0.1) !important;
	background:rgba(0,0,0,0.5) !important;
}

/* Jquery Rickshaw Chart */
.rickshaw_graph .detail .x_label{
	color:#333;
}

/* Jquery Easy Pie Chart */
.echart{
	position: relative;
	display:inline-block;
	vertical-align: middle;
}
.echart canvas{
	display:block;
}

.percent {
	position: absolute;
	display: block;
	vertical-align: middle;
	width:100%;
	line-height: 0px;
	text-align: center;
	height:100%;
	left:0px;
	top:50%;
	font-weight: bold;
	z-index: 2;
	font-family: "Open Sans";
}

.percent:after {
	content: '%';
	color:rgba(255,255,255,0.7);
	font-weight: normal;
	margin-left: 0.1em;
	margin-right:-5px;
	font-size: 9px;
}

/* Jquery Map */
.jvectormap-zoomin, .jvectormap-zoomout{
	width:18px;
	height:18px;
	background: #68C39F;
}

.jvectormap-zoomin:hover, .jvectormap-zoomout:hover{
	background: #5CAD8D;
}

.jvectormap-zoomin{
	top:auto;
	bottom:10px;
}

.jvectormap-zoomout{
	top:auto;
	left:30px;
	bottom:10px;
}

/* Grid Samples */
.grid-example [class*="col-"]{
	background: #fff;
    border: 1px solid @contentbg;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    transition: all 0.3s ease 0s;
}

/* Icons */
span.i-code{
	display: none;
}

.icon-showcase p{
	font-size: 14px;
	vertical-align: middle;
	line-height: 30px
}

.icon-showcase p i{
	font-size:24px;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
	width: 24px;
}

#icons .the-icons i{
	font-size:24px;
	line-height: 30px;
	position: relative;
	top:auto;
	right: auto;
}

#icons .the-icons .i-name{
	font-size:14px;
	line-height: 30px
}

/* IOS7 SWTICH */
.ios-switch-default .on-background {
	background: @lightblue-1;
}

.ios-switch-primary .on-background {
	background: @blue-3;
}

.ios-switch-success .on-background {
	background: @green-1;
}

.ios-switch-warning .on-background {
	background: @orange-3;
}

.ios-switch-info .on-background {
	background: @lightblue-2;
}

.ios-switch-danger .on-background {
	background: @red-1;
}

.ios-switch-lg{
   height: 45px;
   width: 75px;
}

.ios-switch-lg .handle{
	height:41px;
	width:41px
}

.ios-switch-lg.on .handle {
  -o-transform: translate3d(30px, 0, 0);
  -ms-transform: translate3d(30px, 0, 0);
  -moz-transform: translate3d(30px, 0, 0);
  -webkit-transform: translate3d(30px, 0, 0);
  transform: translate3d(30px, 0, 0);
}

.ios-switch-sm{
	height: 25px;
	width: 45px;
}

.ios-switch-sm .handle{
	height:21px;
	width:21px
}

.ios-switch-sm.on .handle {
  -o-transform: translate3d(20px, 0, 0);
  -ms-transform: translate3d(20px, 0, 0);
  -moz-transform: translate3d(20px, 0, 0);
  -webkit-transform: translate3d(20px, 0, 0);
  transform: translate3d(20px, 0, 0);
}

/* FOOTER */
footer {
	padding: 20px 0;
	font-size: 12px;
	border-top: 1px solid #B9C1CB;
	margin-top: 40px;
	color:@lightblue-2;
}

footer .footer-links a{
	color:@lightblue-2;
	padding:1px 10px;
	border-right:1px solid rgba(0,0,0,0.1);
}

footer .footer-links a:hover{
	color:@darkblue-2;
}

footer .footer-links a:last-child{
	border:none;
}